1

我被分配了一项任务，我必须使用 Modernizr 来检查浏览器是否能够运行某些功能。我已经在 Firefox、Safari 和 chrome 上测试了这段代码。（我在所有三个浏览器中都是最新的）。我的地理定位和本地存储代码有效。但是，我根本无法在浏览器中显示视频。除了加载并将其显示在页面上之外，我并没有尝试对视频做太多事情。我确实收到了警报，尽管它说 video.js 已加载。我的控制台中也出现两个错误“未声明框架文档的字符编码。如果在没有框架文档的情况下查看该文档可能会出现不同”，并且“文本/html”的“HTTP内容类型”不是支持的。媒体资源负载http://www.youtube.com/watch?v=jVVmsxR67ZE失败。”关于如何修改或更正它以便加载视频的任何建议？ 

<script src="Modernizr.js"></script>
   <script>
        Modernizr.load([
           "features.js",
           {
               test: Modernizr.geolocation,
               yep: "geolocation.js",
               nope: "noGeolocation.js"
               },
           {
               test: Modernizr.localstorage,
               yep: "localStorage.js",
               nope: "noLocalStorage.js"                             
             },
           {
               test: Modernizr.video,
               yep: "video.js",
               nope: "novideo.js",
               complete: function() {
                 init();
               }
             }            
          ]);
  </script>
</head>
<body>
 <div id="id">
 </div>
 <ul id="features">
 </ul>
</body>

function showVideo() {
 var id = document.getElementById("id");
 var video = document.createElement("video");
 video.setAttribute("src", "http://www.youtube.com/watch?v=uBc7UWZ8-hg"); 
 id.appendChild(video);
 video.play();
 alert("video.js loaded");
}
4

1 回答 1

1 
 video.setAttribute("src", "http://www.youtube.com/watch?v=uBc7UWZ8-hg");

src 应该指向一个实际的视频文件，它不是视频文件，它是一个 html 网页。

在尝试使用modernizr之前尝试使您的页面正常工作

于 2013-02-28T02:16:53.677 回答