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

    Player 開発者の基本:コードを書く準備

    このトピックでは、標準のベストプラクティステンプレートを作成する方法を学習します。このテンプレートは、 player.

    ステップ

    1. 高度な実装のインスタンスを貼り付けます player コードをHTMLページに挿入します。
      <video data-video-id="5831704295001"
        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>
    2. 追加する id 属性を <video> タグを付けて、 myPlayerID.
      <video id="myPlayerID"
    3. 加える <script> 真上のブロック </body> タグ。
    4. の中に script ブロック、 videojs.getPlayer() への参照を取得するメソッド player ページ上。 使用 id メソッドの引数として以前に追加されました。
      <script>
        videojs.getPlayer('myPlayerID')
      </script>
    5. 使用 ready() そして、その引数として無名コールバック関数をコーディングします。
      <script>
        videojs.getPlayer('myPlayerID').ready(function() {
      
        )};
      </script>
    6. という名前の変数を宣言する myPlayer 無名関数内で、それにキーワードを割り当てる thisを表す player 無名関数のコンテキストで。
      var myPlayer = this;

    完成したコード

    <!doctype html>
    <html>
    
    <head>
      <meta charset="UTF-8">
      <title>Preparing to Write Code</title>
    </head>
    
    <body>
    
    <video id="myPlayerID"
      data-video-id="5831704295001"
      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>
    
    </body>
    
    </html>

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