プレーヤー開発の基本：高度なプレーヤーコード

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

手順

プレーヤーをプログラム的に制御するための標準的で推奨されるコードから始めます。

      <video id="myPlayerID"
        data-video-id="5785633544001"
        data-account="921483702001"
        data-player="Uj7Yz80yM"
        data-embed="default"
        data-application-id=""
        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>

videojs.getPlayer() メソッド内の無名関数で、変数を定義した後にプレーヤーをミュートに設定し、自動再生できるようにします。
```
      myPlayer.muted(true);
```
プレーヤーの on() メソッドを使用して、loadedmetadata イベントのイベントハンドラー関数を追加します。
```
      myPlayer.on('loadedmetadata', function(){
      
      });
```
イベントハンドラー内で動画を再生します。
```
      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=""
           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;
            // 再生を行うには2つの処理を実行します
            myPlayer.muted(true);
            myPlayer.on('loadedmetadata', function(){
              myPlayer.play();
            });
          });
        </script>
      
      </body>
      
      </html>