JavaScript - ページの背景としてビデオを使用する際の問題

Question

無地のP背景、動画の1フレーム目のスクリーンショット、動画の3つを用意しました。

私が望むのは、ビデオが正常にロードできない場合は、代わりにスクリーンショットを使用することです。スクリーンショットが正常にロードできない場合は、代わりに単色の p を使用してください。

この機能の実装方法、または動画やスクリーンショットの読み込み完了ステータスを取得する方法を教えてください。

私は初心者です、アドバイスをお願いします~ (鮮やかなコードを投稿した方が良いでしょう、ありがとう)

Answer 1

インターネット上にはこのようなものがたくさんあります
http://www.webhek.com/post/vi...
たとえば、上記のものにはコードとデモがあります

Answer 2

上記の2つの回答と同じ....

リーリー

特にテストはしていませんが、問題ないはずです。

Answer 3

var video = document.getElementById("video");
1. エラー

video.error; //null: 通常

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 //音量変更