使用modernizr测试视频标签

我被赋予了一个任务，我必须使用Modernizr来检查浏览器是否能够运行某些功能。我已经在Firefox，Safari和Chrome上测试过这些代码。（我在所有三种浏览器中都是最新的）。我的地理位置代码和localStorage的作品。但是，我无法看到视频在我的浏览器中显示。除了加载并将其显示在页面上之外，我并没有试图对视频做很多工作。我确实收到了警报，说video.js已经加载。我的控制台也出现了两个错误：“没有声明框架文档的字符编码，如果没有文档框架查看，文档可能会有所不同”和“text/html”的“HTTP内容类型”不是支持的。媒体资源http://www.youtube.com/watch?v=jVVmsxR67ZE的加载失败。”我如何能修改此或更正它使得视频加载任何建议？使用modernizr测试视频标签

<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"); 
}

来源

2013-02-28 user2084813

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

在src应该指向一个实际的视频文件，它是没有视频文件时，它是Html网页。

试着让你的网页正常工作尝试使用Modernizr的

来源

2013-02-28 02:16:53 mpm

MPM有它...即，而不是使用包括视频加上其他的东西页面的URL，在之前youtube页面看起来略低于视频的份额>嵌入链接并抓住t他只是视频的网址：http：//www.youtube.com/embed/ZUAg51kA42M – 2013-03-04 16:32:00

使用modernizr测试视频标签

回答

相关问题