Question

我得到了一项任务，我必须使用Modernizr来检查浏览器是否能够运行某些功能。我已经在Firefox，Safari和Chrome上测试了这段代码。（我在所有三种浏览器中都是最新的）。我的地理定位代码和localStorage工作。但是，我根本无法在浏览器中显示视频。除了加载并在页面上显示之外，我不会尝试对视频做很多事情。我确实收到了警告，虽然它说video.js已加载。我在我的控制台中也遇到了两个错误“框架文档的字符编码未被声明。如果在没有文档框架的情况下查看文档可能会显得不同”和“text / 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");
}

Answer 1

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

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

在尝试使用modernizr

之前尝试让您的页面正常工作

使用modernizr测试视频标签

1 个答案: