[解決済み] HTML5でオンロードで無限にループする動画を再生する
2022-09-26 22:11:02
質問
HTML5ページ内に、ページロード時に再生を開始し、完了すると中断することなく最初に戻ってループするビデオを配置したいと考えています。また、動画は ではありません。 であり、すべてのモダン ブラウザと互換性があるか、ポリフィルのオプションがある必要があります。
以前は、これを
Flash
と
FLVPlayback
は避けたいところですが、私は
Flash
は避けたいと思います。私は、javascriptの
setTimeout
を使用してスムーズなループを作成できると思いますが、ビデオ自体の埋め込みには何を使用すればよいのでしょうか?動画をストリーミングする方法はあるのでしょうか?
FLVPlayback
のようにビデオをストリーミングするものはありますか?
どのように解決するのですか?
この ループ 属性がそれを行うはずです。
<video width="320" height="240" autoplay loop>
<source src="movie.mp4" type="video/mp4" />
<source src="movie.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
ループ属性に問題がある場合 (過去にあったように) は、ループ属性に対応する
videoEnd
イベントをリッスンして
play()
メソッドを呼び出します。
注1: AppleのiPad/iPhoneでの動作はよくわかりません。
autoplay
.
注2:
loop="true"
と
autoplay="autoplay"
は非推奨
関連
-
[解決済み] CSS - カーソルを置いたときに塗りつぶしの色を変更する - SVG PATH
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] HTML5の数値入力のスピンボックスを非表示にすることはできますか?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み】HTML5動画の終了を検出する。
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] <meta charset="utf-8"> vs <meta http-equiv="Content-Type">.
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] HTMLにPDFを埋め込むおすすめの方法とは?
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] hr要素の色を変更する
-
[解決済み] preタグでテキストを折り返すにはどうしたらよいですか?
-
[解決済み] 静的な HTML ページにファビコンを追加する
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)