问使用modernizr测试视频标签
EN

Stack Overflow用户

提问于 2013-02-28 09:56:35

回答 1查看 902关注 0票数 1

我接到一个任务，那就是我必须使用现代浏览器来检查浏览器是否能够运行某些功能。我已经在Firefox、Safari和chrome上测试了这段代码。(我在所有三个浏览器中都是最新的)。我的地理定位和localStorage代码可以正常工作。但是，我根本无法在浏览器中显示视频。除了在页面上加载和显示视频之外，我并不想对视频做太多的事情。不过，我确实收到了提示，说明video.js已加载。我还在我的控制台中收到两个错误：“未声明带框架的文档的字符编码。如果没有框架文档，则文档可能看起来不同”和"text/html“的"HTTP content-type”不受支持。加载媒体资源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");
}

javascript

browser

modernizr

回答 1

Stack Overflow用户

发布于 2013-02-28 10:16:54

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

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

在尝试使用现代化程序之前，请尝试使页面正常工作

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/15126140

复制

相似问题

问使用modernizr测试视频标签
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用modernizr测试视频标签EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用modernizr测试视频标签
EN