mediainfo からのビデオメタデータ

mediainfo プロパティ

mediainfoプロパティは、プレーヤー内の現在のビデオに関する情報（メタデータ）を含むオブジェクトです。

mediainfoプロパティは、プレーヤー内の現在のビデオの情報（メタデータ）を含むオブジェクトです。CMS（コンテンツ管理システム）またはデータベースのビデオ情報をオブジェクトに設定します。

mediainfoオブジェクトを設定した後は、ビデオの名前や説明などのビデオ情報を表示するときに便利なデータ取得に使用できます。このオブジェクトは、分析のコレクションでも使用されます。

mediainfo のフィールド

mediainfoプロパティに存在するフィールドは次のとおりです。

タグとカスタムフィールドを表示する

タグとカスタムフィールドの両方が複雑なデータ構造に格納されます。NS カスタムフィールドオブジェクト内とタグ配列で。次のスクリーンショットは、で強調表示されているカスタムフィールドとタグを示しています。mediainfoオブジェクト。

これらの複雑なデータ構造からのデータを表示するには、2種類のループが必要です。forループは、タグ配列（16〜20行）を反復処理し、動的に構築されたHTML順序なしのリストを<div>（行で定義された9)。for-inループを使用して、カスタムフィールドオブジェクト (24 ～ 27 行) を繰り返し、動的に構築された HTML 順序なしリストをに挿入します<div>。

<video-js id="myPlayerID"
  data-video-id="4093643993001"
  data-account="1752604059001"
  data-player="VJvZIueYx"
  data-embed="default"
  class="video-js" controls=""></video-js>
<script src="https://players.brightcove.net/1752604059001/VJvZIueYx_default/index.min.js"></script>

<div id="displayInfo"></div>

<script type="text/javascript">
  videojs.getPlayer('myPlayerID').ready(function() {
    var myPlayer = this;
    myPlayer.on('loadstart',function(){
      //Use JavaScript to display the tags
      var numTags = myPlayer.mediainfo.tags.length;
      displayInfo.innerHTML += "<h1>Tags:</h1><ul>";
      for (var i = 0; i < numTags; i++) {
        displayInfo.innerHTML += "<li>" + myPlayer.mediainfo.tags[i] + "</li>";
      };
      displayInfo.innerHTML += "</ul><br />";

      //Use JavaScript to display custom fields
      displayInfo.innerHTML += "<h1>Custom Fields:</h1><ul>";
      for (var key in myPlayer.mediainfo.customFields) {
       displayInfo.innerHTML += "<li><strong>" + key + "</strong>: " + myPlayer.mediainfo.customFields[key] + "</li>";
      }
      displayInfo.innerHTML += "</ul>";
    })
  });
</script>

レンダリングされたHTMLは、このスクリーンショットに示すように表示されます。