ブラウザが特定の機能を実行できるかどうかを確認するためにModernizrを使用する必要があるという割り当てが与えられました。このコードをFirefox、Safari、Chromeでテストしました。(私は3つのブラウザーすべてで最新です)。ジオロケーションとlocalStorageの私のコードは機能します。しかし、ブラウザに表示するビデオをまったく取得できません。私は、ページにロードして表示する以外に、ビデオをあまり使用しようとはしていません。video.jsが読み込まれたというアラートが表示されます。また、コンソールで2つのエラーが発生します。「フレーム化されたドキュメントの文字エンコードが宣言されていません。ドキュメントをフレーミングせずに表示すると、ドキュメントが異なって表示される場合があります」と「text/html」の「HTTPcontent-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");
}