Video.js基本设置和flash作为主要技术

时间:2014-11-05 10:29:45

标签: html5-video video.js

我还是视频新手,我正在玩最基本的功能。

我不确定我的问题是否是我的设置问题,是否应该报告错误或我只是做错了。

首先,即使是http://www.videojs.com/的演示,在播放时也会在下拉菜单中选择“显示控件”。单击时,播放器将显示第二个控制栏以及已显示的控制栏。禁用“显示控件”仅隐藏新出现的控件栏。

这是Video.JS的一个无法避免的限制吗?

基本上我去了http://www.videojs.com/,复制了“嵌入此播放器”下的代码,并将视频源和海报更改为videojs.com上托管的代码。然后我尝试将内容添加到 data-setup ,但我开始得到一些奇怪的结果

http://jsfiddle.net/a9uvasrh/1/

<video id="MY_VIDEO_2" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" autostart="false" poster="http://www.videojs.com/img/poster.jpg"
data-setup='{"techOrder": ["html5", "flash"}'>
<source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
<source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'>
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

具有空数据设置的播放器有一个很大的“播放”按钮,当使用techOrder的默认值时消失,当我将techOrder设置为[“flash”,“html5”]时,我希望看到videojs的flash播放器行动,但它仍然是html5。

我的设置是带有Flash Player 15的Windows 7.问题仍然存在于Chrome 38,Firefox 33,Opera 25,IE 11中(没有“显示控件”选项)

我在这里根据https://github.com/videojs/video.js/wiki/Support

发布我的问题

1 个答案:

答案 0 :(得分:2)

&#39;显示控件&#39;是浏览器在视频元素上的原生菜单的一部分。除了聆听右键单击并完全阻止上下文菜单之外,您无法删除它。实际上,我怀疑大多数最终用户会触摸它。

data-setup中的JSON缺少结束括号。它应该是{"techOrder": ["html5", "flash"]}