無地のP背景、動画の1フレーム目のスクリーンショット、動画の3つを用意しました。
私が望むのは、ビデオが正常にロードできない場合は、代わりにスクリーンショットを使用することです。スクリーンショットが正常にロードできない場合は、代わりに単色の p を使用してください。
この機能の実装方法、または動画やスクリーンショットの読み込み完了ステータスを取得する方法を教えてください。
私は初心者です、アドバイスをお願いします~ (鮮やかなコードを投稿した方が良いでしょう、ありがとう)
滿天的星座2017-05-18 10:48:57
インターネット上にはこのようなものがたくさんあります
http://www.webhek.com/post/vi...
たとえば、上記のものにはコードとデモがあります
阿神2017-05-18 10:48:57
var video = document.getElementById("video");
1. エラー
video.error.code; //エラーコードを返す 1. ユーザー終了 2. ネットワークエラー 3. デコードエラー 4. 無効な URL
b、ネットワークステータス
video.currentSrc; //現在のリソースの URL を返します
video.src = value; //現在のリソースの URL を返すか設定します
video.canPlayType(type); //特定の形式のリソースが再生可能かどうか
video.networkState; //ネットワークステータスコード0を返します。この要素は初期化されていません。 1.正常ですが、ネットワークを使用していません。 3.リソースが見つかりません。
video.load(); // srcで指定されたリソースを再読み込みします
video.buffered; //バッファリングされた領域に戻ります
video.preload; //プリロード情報を返す None: プリロードなし Metadata: プリロードリソース情報 Auto:
c、プレイステータス
video.currentTime = value; //現在の再生位置、値を割り当てると位置を変更できます
video.startTime; //通常は0ですが、ストリーミングメディアや0から始まらないリソースの場合は0になりません
video.duration; //現在のリソース長ストリームは無限を返します
video.paused //一時停止するかどうか
video.defaultPlaybackRate = value;//デフォルトの再生速度を設定できます
video.playbackRate = value; //現在の再生速度、設定後すぐに変更します
video.played; //再生エリアに戻ります、TimeRanges
video.ended //終わったのか
video.autoPlay //自動再生するかどうか
video.loop; //ループするかどうか
video.play() //再生
;video.pause() //一時停止
d、ビデオコントロール
video.controls;//デフォルトのコントロールバーがあるかどうか
video.volume = 値 //音量
video.muted = 値 //ミュート
2.イベント
リーリーXXX はイベント タイプです
loadstart //クライアントはデータのリクエストを開始します
progress //クライアントがデータをリクエストしています
一時停止//ダウンロードの遅延
abort //クライアントはダウンロードを積極的に終了します (エラーのためではありません)
loadstart //クライアントがデータのリクエストを開始します
error //データのリクエスト中にエラーが発生しました
stalled //インターネット速度が停止しました
play //play() と autoplay が再生を開始するとトリガーされます
一時停止//pause() トリガー
loadedmetadata //リソースの長さの取得に成功しました
waiting//エラーではなくデータを待っています
再生中//再生開始
canplay//再生可能ですが、読み込み中のため一時停止する可能性があります
canplaythrough//再生可能、すべての曲がロードされています
探しています//探しています
探しました//探し終わりました
timeupdate //再生時間が変更されます
終了//プレイ終了
ratechange//再生レートの変更
durationchange //リソースの長さの変更
volumechange //音量変更