HTML5 视频和 HTML5 样板答案

【问题标题】：HTML5 Video and HTML5 BoilerplateHTML5 视频和 HTML5 样板
【发布时间】：2011-07-21 17:06:35
【问题描述】：

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

我尝试在页眉和页脚中包含此内容以开始播放视频，但没有成功：

<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 视频的示例。诚然，我是个菜鸟，所以如果这个问题看起来有点愚蠢，我深表歉意。

感谢您的帮助！

【问题讨论】：

标签： html video boilerplate

【解决方案1】：

您可能不应该将它们包含在

和页脚中。您应该在 video.js ref 链接脚本集之后的底部包含您在开头粘贴的脚本。

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

【讨论】：