2011-07-21 134 views
1

我试图在HTML5样板中实现videoJS。我试过粘贴videoJS建议的嵌入代码,但结果不起作用。当页面加载“海报”图像出现,但装载轮永不停止,视频不会播放。HTML5视频和HTML5样板

我已经试过这包括在页眉和页脚,以获得视频开始,但并未奏效:

<script> 
window.onload = function() { 
var pElement = document.getElementById("#vid"); 

pElement.play(); 
}; 
</script> 

我也包括所有的Video.js裁判中的链接标题:

<!-- Link to Video JS Library --> 
    <script src="js/mylibs/video.js" type="text/javascript" charset="utf-8"></script> 
    <link rel="stylesheet" href="css/video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8"> 
    <script type="text/javascript" charset="utf-8"> 
    // Add VideoJS to all video tags on the page when the DOM is ready 
    VideoJS.setupAllWhenReady(); 
    </script> 

有没有人有HTML5 Boilerplate模板的良好HTML5视频实现的例子。无可否认,我是一个小白菜,所以我很抱歉,如果这个问题似乎有点愚蠢。

感谢您的帮助!

回答

0

你可能不应该将它们包含在< head>和footer中。在video.js ref链接脚本集之后,您应该只包含您在底部开头粘贴的脚本。

您总是可以将您的代码粘贴到http://jsfiddle.net并再次询问,以便更快地修复它。