gpt4 book ai didi

javascript - Video.js 样式不覆盖默认视频样式

转载 作者:太空宇宙 更新时间:2023-11-04 12:55:18 27 4
gpt4 key购买 nike

我正在这里的一个网站上工作,我发现了我元素下一部分的 video.js 插件。我已经完全按照 video.js 网站所说的那样做了所有事情,以便在页面上正确设置它,甚至在页面上四处移动外部文件链接,但这并没有影响任何东西。我只想能够设计它的样式,使其看起来与它所在的网站相似。下面的示例代码。我也在使用 bootstrap 3.0 我不知道这是否是个问题。

<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' type='text/css' href='<?=$up_level?>assets/css/bootstrap.css'>
<link rel='stylesheet' type='text/css' href='<?=$up_level?>assets/video-js/video-js.css'>
</head>
<body>
<div class='container-fluid'>
<div class='row'>
<div class='col-lg-4 col-lg-offset-2'>
</div>
<div class='col-lg-4'>
<video id='intro-video' class='video-js vjs-default-skin' preload='auto' width='640' height='264' poster='' data-setup='{controls:true}' >
<source src='http://techslides.com/demos/sample-videos/small.mp4' type='video/mp4' />
</video>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type='text/javascript' src='<?=$up_level?>assets/js/bootstrap.min.js'></script>
<script type='text/javascript' src='<?=$up_level?>assets/video-js/video.js'></script>
</body>
</html>

其他引用

<?=$up_level?>

只是一个目录级别的计算器。该功能没有问题。我还双重和三次检查了 video-js 文件夹是否位于其正确的目录位置,并且正在加载。所以再次回顾一下,使用 video.js 扩展,它不会让我设置任何样式,也不会覆盖正常的 html5 样式。我该如何解决这个问题?

最佳答案

其实我已经找到问题了,这与我在

下发送JSON数据的方式有关
data-setup: '{controls:true}'

它应该被格式化成

data-setup: '{"controls":true}'

那么剩下的就是css文件了

关于javascript - Video.js 样式不覆盖默认视频样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25894446/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com