1

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

谢谢你的帮助！

4

1 回答 1

0

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

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

于 2011-07-23T02:44:54.760 回答