私はHTML5でビデオを完全にプリロードしようとしています。 「preload = auto」の属性を使用しますが、ビデオ全体をプリロードしません。Chromeでは、ビデオはわずか2%のプリロードです。 Safariでは、プラスまたはマイナス50%... 私の質問は次のとおりです: "JavaScriptを使用して完全なプリロードビデオを強制できますか?" ありがとうございます!ここJavascriptでフルロードのHTML5ビデオを強制しますか?
14
A
答えて
10
function addSourceToVideo(element, src, type) {
var source = document.createElement('source');
source.src = src;
source.type = type;
element.appendChild(source);
}
var video;
$(document).ready(function(){
video = document.getElementsByTagName('video')[0];
addSourceToVideo(video, "http://your-server.com/clip.ogv", "video/ogv");
addSourceToVideo(video, "http://your-server.com/clip.mp4", "video/mp4");
video.addEventListener("progress", progressHandler,false);
});
progressHandler = function(e) {
if(video.duration) {
var percent = (video.buffered.end(0)/video.duration) * 100;
console.log(percent);
if(percent >= 100) {
console.log("loaded!");
}
video.currentTime++;
}
}
+0
これは良い解決策です。バックグラウンドの読み込みでは、videoタグでcreateElementを呼び出します。また、ちゃんちゃん+1! – deepelement
+0
bindKeys関数は何をしますか?それともコピーペーストから残されたものなのでしょうか?そしてインデックスは今、私はそれに気づきました。 – DBS
+0
@DBSはい、コピー・ペーストから残っていました。回答が更新されました。ありがとう!! –
関連する問題
- 1. セッションごとにhtml5ビデオ表示を制限しますか?
- 2. JavaScriptを強制的に実行するEventListenerを強制しますか?
- 3. HTML5ビデオjavascriptコントロール - ビデオを再起動
- 4. WPF - WebView YouTubeビデオ - 強制フルスクリーン
- 5. HTML5、ビデオ、Javascript:ビデオタイムラインを使用してページの動作を制御する
- 6. 強制リンク - JavaScriptを
- 7. Ooyala HTML5/Javascript API - フルスクリーンでビデオを再生
- 8. javascriptは特定の文字セットを強制しますか?
- 9. iframeにJavaScriptの評価を強制しますか?
- 10. プリンタ設定(用紙サイズ)をjavascriptで強制できますか?
- 11. HTML5とJavaScriptでビデオからフレームをキャプチャする
- 12. 強制ウェブサイトdoctype html5標準とIE9ブラウザ
- 13. boost :: program_options - 強制フラグを強制できますか?
- 14. HTML5とJavascriptを使用してマウスのビデオをリセットする
- 15. モバイルデバイスのリダイレクトを強制しますか?
- 16. iPhoneでHTML5ビデオ
- 17. javascript:フレームとPOSTを強制しませんか?
- 18. プログラムで強制的にiOS 7アプリを強制停止しますか?
- 19. JavaScriptを使用してブラウザのエンコーディングを強制的に変更しますか?
- 20. HTML5ビデオ
- 21. Youtube iframe embed:Flashを強制しますか?
- 22. アクティビティをフォアグラウンドに強制しますか?
- 23. 強制的に専用グラフィックスカードを使用するマシンを強制しますか?
- 24. ビデオの再生後にiPhoneが方向を強制する
- 25. ビデオをlocalhostからHTML5で再生します。
- 26. ランダムな値でページのメタリフレッシュのHTML5エラー(強制的にリフレッシュ)
- 27. HTML5、値の入力パターン検証を強制する方法は?
- 28. javascriptを使用してhtml5ビデオ要素をブロックできません
- 29. 安全プレイブックの実行を強制的に強制終了できますか?
- 30. html5を使用してビデオとオーディオを再生しますか?
同じ問題:私はクロームで完全なビデオをプリロードする必要があります...残念ながら、私はまだ解決策を見つけていませんでした、私はまたのXMLHttpRequestの方法を使用することを試みたが、私は、許可されていないエラーが発生しました。..私はそこに解決策があることを願っています。 –