使用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測試視頻標籤

回答

相關問題