mediainfoのビデオメタデータ

mediainfoプロパティ

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

　 mediainfo プロパティは、現在の動画に関する情報（メタデータ）を含むオブジェクトです。 player。 CMS（コンテンツ管理システム）またはデータベースからのビデオ情報をオブジェクトに入力します。

後に mediainfo オブジェクトが設定されている場合は、ビデオ名や説明などのビデオ情報を表示したいときに便利なデータ検索に使用できます。 このオブジェクトは、アナリティクスの収集にも使用されます。

mediainfoのフィールド

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

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

タグとカスタムフィールドの両方が複雑なデータ構造に格納されます。 ザ カスタムフィールド オブジェクトと タグ 配列内にあります。 次のスクリーンショットは、カスタムフィールドとタグを mediainfo オブジェクト。

これらの複雑なデータ構造からデータを表示するには、2種類のループが必要です。 A for ループは、タグ配列（行16-20）を反復し、動的に構築されたHTMLの順序付けられていないリストを <div> （9行に定義されています）。 A 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はこのスクリーンショットに示すように表示されます。