サポート サポート問い合わせ先 | システムステータス システムステータス
ページ内容

    Player 開発者の基本:上級 Player コード

    このトピックでは、プログラムで動画を自動再生する方法を学びます。

    ステップ

    1. プログラムで制御するための標準的なベストプラクティスコードから始めます。 player.
      <video id="myPlayerID"
        data-video-id="5785633544001"
        data-account="921483702001"
        data-player="Uj7Yz80yM"
        data-embed="default"
        data-application-id
        class="video-js"
        controls
        width="640"
        height="360"></video>
      <script src="//players.brightcove.net/921483702001/Uj7Yz80yM_default/index.min.js"></script>
      
      <script>
        videojs.getPlayer('myPlayerID').ready(function() {
          var myPlayer = this;
      
        });
      </script>
    2. の無名関数では videojs.getPlayer() メソッド、変数の割り当てに続いて、ミュート player 自動再生できます。
      myPlayer.muted(true);
    3. 使用 player's on() のイベントハンドラ関数を追加するメソッド loadedmetadata イベント。
      myPlayer.on('loadedmetadata', function(){
      
      });
    4. イベントハンドラでは、 player ビデオ。
      myPlayer.play()

    完全なコード

    <!doctype html>
    <html>
    
    <head>
      <meta charset="UTF-8">
      <title>Untitled Document</title>
    </head>
    
    <body>
    
      <video id="myPlayerID"
        data-video-id="5785633544001"
        data-account="921483702001"
        data-player="Uj7Yz80yM"
        data-embed="default"
        data-application-id
        class="video-js"
        controls
        width="640"
        height="360"></video>
      <script src="//players.brightcove.net/921483702001/Uj7Yz80yM_default/index.min.js"></script>
    
      <script>
        videojs.getPlayer('myPlayerID').ready(function() {
          var myPlayer = this;
          // Play here? Two tasks to do
          myPlayer.muted(true);
          myPlayer.on('loadedmetadata', function(){
            myPlayer.play();
          });
        });
      </script>
    
    </body>
    
    </html>

    ページの最終更新日:28年2020月XNUMX日