Javascript 响应迅速的HTML5视频,纵横比可以改变
我正在尝试通过DesignModo使用video.js和平面用户界面设置HTML5视频播放器。我有一个问题,我需要使视频播放器响应,所以宽度需要是100% 问题是,当设置此选项时,视频的高度始终与您可以看到的高度相同。因此,我需要(我认为)一个脚本,它检测纵横比,因为纵横比将发生变化。我发现了这样一个脚本,不过它是为YouTube或Vimeo等Javascript 响应迅速的HTML5视频,纵横比可以改变,javascript,html,css,Javascript,Html,Css,我正在尝试通过DesignModo使用video.js和平面用户界面设置HTML5视频播放器。我有一个问题,我需要使视频播放器响应,所以宽度需要是100% 问题是,当设置此选项时,视频的高度始终与您可以看到的高度相同。因此,我需要(我认为)一个脚本,它检测纵横比,因为纵横比将发生变化。我发现了这样一个脚本,不过它是为YouTube或Vimeo等iframe视频设计的 我试图修改脚本,将$allVideos的值更改为$(“video[class^='video-js']),,但它似乎不起作用。有人
iframe
视频设计的
我试图修改脚本,将$allVideos
的值更改为$(“video[class^='video-js']),
,但它似乎不起作用。有人能看一下并告诉我出了什么问题以及如何解决吗
顺便说一下,我知道字体文件和图像的链接出现了404,这是因为目前这些文件不在我的服务器上,我只是在本地测试它们。只需删除高度:100%代码>来自
.video js.vjs tech
。这将从给定的宽度100%自动获取纵横比。.vjs tech是video.js在页面加载时添加的必需类。请在视频播放器加载后检查它以查看此内容。