無地のP背景、動画の1フレーム目のスクリーンショット、動画の3つを用意しました。
私が望むのは、ビデオが正常にロードできない場合は、代わりにスクリーンショットを使用することです。スクリーンショットが正常にロードできない場合は、代わりに単色の p を使用してください。
この機能の実装方法、または動画やスクリーンショットの読み込み完了ステータスを取得する方法を教えてください。
私は初心者です、アドバイスをお願いします~ (鮮やかなコードを投稿した方が良いでしょう、ありがとう)
闭关修行中......
インターネット上にはこのようなものがたくさんありますhttp://www.webhek.com/post/vi...たとえば、上記のものにはコードとデモがあります
上記の2つの回答と同じ....
特にテストはしていませんが、問題ないはずです。
var video = document.getElementById("video");1. エラー
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 はイベント タイプです
progress //クライアントがデータをリクエストしています
一時停止//ダウンロードの遅延
abort //クライアントはダウンロードを積極的に終了します (エラーのためではありません)
loadstart //クライアントがデータのリクエストを開始します
error //データのリクエスト中にエラーが発生しました
stalled //インターネット速度が停止しました
play //play() と autoplay が再生を開始するとトリガーされます
一時停止//pause() トリガー
loadedmetadata //リソースの長さの取得に成功しました
waiting//エラーではなくデータを待っています
再生中//再生開始
canplay//再生可能ですが、読み込み中のため一時停止する可能性があります
canplaythrough//再生可能、すべての曲がロードされています
探しています//探しています
探しました//探し終わりました
timeupdate //再生時間が変更されます
終了//プレイ終了
ratechange//再生レートの変更
durationchange //リソースの長さの変更
volumechange //音量変更
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
インターネット上にはこのようなものがたくさんあります
http://www.webhek.com/post/vi...
たとえば、上記のものにはコードとデモがあります
上記の2つの回答と同じ....
リーリー特にテストはしていませんが、問題ないはずです。
var video = document.getElementById("video");
video.error; //null: 通常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 //音量変更