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

    Player 開発者向け基本情報:カスタムプラグイン - その理由と方法

    このトピックでは、カスタムプラグインを使用する理由と、それらを開発するための高度な手順について説明します。

    なぜカスタムプラグイン?

    • 同じコードを複数の場所に複製しない
    • プラグインに関連付けられているすべてのコードは、 player

    ステップ

    1. 拡張されたコード player 機能性
    2. CSSだけを含む新しいファイルを作成します。
    3. JavaScriptを含む新しいファイルを作成します
      • を使用するコード行の変更 getPlayer() 方法
    4. CSSファイルとJavaScriptファイルにリンクしてから、カスタムプラグインを呼び出します。

    完全なコード

    メインHTMLページ

      <!doctype html>
      <html>
    
      <head>
        <meta charset="UTF-8">
        <title>Untitled Document</title>
        <link href="custom-plugin.css" rel="stylesheet">
      </head>
    
      <body>
    
        <video id="myPlayerID"
          data-video-id="5992439742001"
          data-account="1752604059001"
          data-player="default"
          data-embed="default"
          data-application-id
          class="video-js"
          controls
          width="640" height="360"></video>
        <script src="//players.brightcove.net/1752604059001/default_default/index.min.js"></script>
        <script src="custom-plugin.js"></script>
    
        <script>
          videojs.getPlayer('myPlayerID').ready(function() {
            var myPlayer = this;
            myPlayer.pluginName();
          });
        </script>
    
      </body>
    
      </html>

    カスタムプラグインのJavaScript

      videojs.registerPlugin('pluginName', function() {
        var myPlayer = this;
        // Complete JavaScript
        // ...
      });
    

    カスタムプラグインのCSS

      /*
       CSS Here
       */

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