Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 响应迅速的HTML5视频,纵横比可以改变_Javascript_Html_Css - Fatal编程技术网

Javascript 响应迅速的HTML5视频,纵横比可以改变

Javascript 响应迅速的HTML5视频,纵横比可以改变,javascript,html,css,Javascript,Html,Css,我正在尝试通过DesignModo使用video.js和平面用户界面设置HTML5视频播放器。我有一个问题,我需要使视频播放器响应,所以宽度需要是100% 问题是,当设置此选项时,视频的高度始终与您可以看到的高度相同。因此,我需要(我认为)一个脚本,它检测纵横比,因为纵横比将发生变化。我发现了这样一个脚本,不过它是为YouTube或Vimeo等iframe视频设计的 我试图修改脚本,将$allVideos的值更改为$(“video[class^='video-js']),,但它似乎不起作用。有人

我正在尝试通过DesignModo使用video.js和平面用户界面设置HTML5视频播放器。我有一个问题,我需要使视频播放器响应,所以宽度需要是100%

问题是,当设置此选项时,视频的高度始终与您可以看到的高度相同。因此,我需要(我认为)一个脚本,它检测纵横比,因为纵横比将发生变化。我发现了这样一个脚本,不过它是为YouTube或Vimeo等
iframe
视频设计的

我试图修改脚本,将
$allVideos
的值更改为
$(“video[class^='video-js']),
,但它似乎不起作用。有人能看一下并告诉我出了什么问题以及如何解决吗



顺便说一下,我知道字体文件和图像的链接出现了404,这是因为目前这些文件不在我的服务器上,我只是在本地测试它们。

只需删除高度:100%来自
.video js.vjs tech
。这将从给定的宽度100%自动获取纵横比。

.vjs tech是video.js在页面加载时添加的必需类。请在视频播放器加载后检查它以查看此内容。