1

書籍HTML5Canvasからサンプルをコピーしました。これは、JavaScriptにビデオをロードし、そのビデオをCanvasに表示します。

基本コードは次のとおりです。

videoElement = document.createElement("video");
videoDiv = document.createElement("div");
document.body.appendChild(videoDiv);
videoDiv.appendChild(videoElement);

videoElement.setAttribute("src", "url to the video");
videoElement.addEventListener("canplaythrough", videoLoaded, false);

ビデオをロードするときにvideoLoadedを呼び出す必要があると仮定しますが、そうではありません。

私はそれをfirebugでチェックしました、それはブラウザがビデオをロードし続けるだけで、コンテンツがフェッチされないことを示しています。

Firefoxをv17からv18にアップグレードするだけです。

そしてそれはV17で動作しました。

誰かがこれから私を助けることができますか?ありがとう。

4

1 に答える 1

0

「setAttribute」関数を使用せずにソースを設定してみてください。また、ほとんどのブラウザを実際に実行するには、コントロールを有効にする必要があります。

交換:

videoElement.setAttribute("src", "url to the video");

と:

videoElement.src = 'http://static.bouncingminds.com/ads/5secs/baileys_5sec.mp4';
videoElement.width = 320;
videoElement.height = 240;
videoElement.controls = true;

ビデオタグに適用できるオプションは他にもありますが、そのうちの1つを「プリロード」と見なすことをお勧めします。

上記のコードを使用すると、すべてChromeで動作します...すべてのブラウザがサポートしているわけではないため、HTML5に依存しないこともお勧めします。HTML5やFlashを強制するのではなく、ブラウザがサポートするものを再生するVideoJSJWPlayerなどの優れたフォールバックオプションがいくつかあります。

編集:「FireFox」に気づきました-.mp4ビデオを別のものに置き換えてください。FFはmp4でうまく再生されません

于 2013-01-09T03:05:16.867 に答える