点击后视频不会自动播放

时间:2014-05-14 02:43:07

标签: html5 html5-video fancybox-2 video.js

由于某些原因,我的视频在点击时不会自动播放。我将视频元素设置为:

<video id="epsilon_launch" class="video-js vjs-default-skin" preload="auto" data-setup="{}" width="920" height="518" controls autoplay>
<source src="video/epsilon_launch.mp4" type="video/mp4">
</video>

使用IE8时非常正确地自动播放(非HTML5浏览器的.swf后备)。 Live link here

2 个答案:

答案 0 :(得分:0)

<script> 
var myVideo=document.getElementById("epsilon_launch"); 
 myVideo.play(); 
</script>

试试这个

答案 1 :(得分:0)

继承人我会怎么做。

$("a#videolink").fancybox({
    frameWidth: 920,
    frameHeight: 518,
    padding: 0,
    scrolling: 'no',
    afterShow: function() { _V_(this.href.replace('#','')).play() }
});

this.href中,这是对该链接的引用,因此抓取href属性并删除#会为您提供视频的ID。使用此方法,您可以使用 V 方法获取对播放器的引用并告诉它播放。

仅供参考:您使用的是相当旧版本的video.js