JavaScript / Htmlで再生および一時停止できるビデオ要素の優先度を切り替えるにはどうすればよいですか?

ヌル

私のゲームは他の曲を再生していなかったので、オーディオを変更する方法の例を探しています。

これが私のHTMLです:

<body onload= myFunction() >
<video autoplay="true"  id="song" width="0" height="0" loop><source src="http://audio.ngfiles.com/518000/518280_-Super-Battletrain-.mp3" type="audio/mpeg"></video>
<video autoplay="true"  id="song2" width="0" height="0" loop><source src="http://audio.ngfiles.com/504000/504114_Flirt-Flirt-Oh-It-Hurts.mp3" type="audio/mpeg"></video>
<video autoplay="true"  id="song3" width="0" height="0" loop><source src="hhttp://audio.ngfiles.com/587000/587069_-Endgame-.mp3" type="audio/mpeg"></video>
<p id="demo"></p>
</body>
フェリペブラーム

ブラウザは自動的に1つのファイルのみを再生します。複数のファイルを同時に再生する場合は、次のようにJavaScriptを使用する必要があります。

<body onload="javascript:myFunction()">

  <script type="text/javascript">
    var myFunction = function() {
      document.getElementById('song').play();
      document.getElementById('song2').play();
      document.getElementById('song3').play();
    };
  </script>

  <video id="song" width="0" height="0" loop><source src="http://audio.ngfiles.com/518000/518280_-Super-Battletrain-.mp3" type="audio/mpeg"></video>
  <video id="song2" width="0" height="0" loop><source src="http://audio.ngfiles.com/504000/504114_Flirt-Flirt-Oh-It-Hurts.mp3" type="audio/mpeg"></video>
  <video id="song3" width="0" height="0" loop><source src="hhttp://audio.ngfiles.com/587000/587069_-Endgame-.mp3" type="audio/mpeg"></video>
  <p id="demo"></p>
   
</body>

呼び出しdocument.getElementById('song').pause()て曲を一時停止することもできます。

編集:次々に曲を再生するには、次のようなことをします:

<body onload="javascript:myFunction()">

  <script type="text/javascript">
    var myFunction = function() {
      var song1 = document.getElementById('song');
      var song2 = document.getElementById('song2');
      var song3 = document.getElementById('song3');

      song1.play();

      song1.onpause = function() {
        song2.play();
      };

      song2.onpause = function() {
        song3.play();
      };

      song3.onpause = function() {
        song1.play();
      };
    };
  </script>

  <video id="song" width="0" height="0" loop><source src="http://audio.ngfiles.com/518000/518280_-Super-Battletrain-.mp3" type="audio/mpeg"></video>
  <video id="song2" width="0" height="0" loop><source src="http://audio.ngfiles.com/504000/504114_Flirt-Flirt-Oh-It-Hurts.mp3" type="audio/mpeg"></video>
  <video id="song3" width="0" height="0" loop><source src="hhttp://audio.ngfiles.com/587000/587069_-Endgame-.mp3" type="audio/mpeg"></video>
  <p id="demo"></p>
   
</body>

これにより、song1の再生が開始され、一時停止すると、song2、song3、song1の順に再生されます。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ