1. ホーム
  2. html

[解決済み] HTML5でオンロードで無限にループする動画を再生する

2022-09-26 22:11:02

質問

HTML5ページ内に、ページロード時に再生を開始し、完了すると中断することなく最初に戻ってループするビデオを配置したいと考えています。また、動画は ではありません。 であり、すべてのモダン ブラウザと互換性があるか、ポリフィルのオプションがある必要があります。

以前は、これを FlashFLVPlayback は避けたいところですが、私は 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" は非推奨