Question

我正在尝试在HTML5 Boilerplate中实现videoJS。我已经尝试粘贴videoJS建议的嵌入代码，但结果不起作用。当页面加载时，出现“海报”图像，但加载轮永远不会停止，视频永远不会播放。

我已尝试在页眉和页脚中包含此内容以启动视频，但它无效：

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

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

我还在标题中包含了所有video.js ref链接：

  <!-- 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视频实施示例。不可否认，我是一个菜鸟，所以如果这个问题看起来有些愚蠢我会道歉。

感谢您的帮助！

Answer 1

您可能不应该将它们包含在＆lt; head＆gt;中和页脚。您应该在视频后面包含您在底部开头粘贴的脚本.js ref链接脚本集。

您始终可以将代码粘贴到http://jsfiddle.net，然后再次询问，以便更快地修复。

HTML5视频和HTML5 Boilerplate

1 个答案: