配信用プレイヤーページ

上記のようにプレイヤーが埋め込まれます。

こちらのコードをダウンロードして、ご利用ください。

  <meta charset="utf-8">

  <!-- player skin -->
  <link rel="stylesheet" type="text/css" href="//releases.flowplayer.org/7.2.7/skin/skin.css?f">
  <!-- site specific styling -->
  <style>
  body {
    font: 12px "Myriad Pro", "Lucida Grande", sans-serif;
    text-align: center;
    padding-top: 1%;
  }
  .flowplayer { width: 70%; }
  </style>
  <script src="//cdn.jsdelivr.net/npm/hls.js@latest"></script>
  <!-- include flowplayer -->
  <script src="//releases.flowplayer.org/7.2.7/flowplayer.js?i"></script>


  <!-- the player -->
  <div id="player">
  </div>
  <script>
    var el = document.getElementById('player');
    var api = flowplayer(el, {
      ratio: 482/856,
      nativesubtitles: true,
      clip: {
        sources: [
          {
            type: "application/x-mpegurl",
            // --------------------------------------------------------------------------------------------
            // 下記部分のsrcに指定していただく動画配信のURLですが、ご契約時にお送りしておりますアカウント情報に記載されているものとは表記方法が異なっております。
            // "https://fms4.udx.streaming.jp/hls-vod/"と、お送りしている「あんどぅらく(FMS)」のURLのうち、"_definst_/"より後の部分、最後に".m3u8"をつけたものを下記部分のsrcのURLとして指定してください。
            // 例) お送りしている「あんどぅらく(FMS)」のURLが
            //
            //       rtmpe://fms4.udx.streaming.jp/vod/_definst_/46e2142782344ba136311b9e06f72a41/
            //
            //     で、FTPでアップされた動画ファイル名が"sample.mp4"の場合、srcに指定するURLは
            //
            //       https://fms4.udx.streaming.jp/hls-vod/46e2142782344ba136311b9e06f72a41/sample.mp4.m3u8
            //
            //     となります。
            // --------------------------------------------------------------------------------------------
            src: "//fms4.udx.streaming.jp/hls-vod/46e2142782344ba136311b9e06f72a41/sample.mp4.m3u8"
          }
        ]
      }
    });
    api.on('ready', function(ev, player, video) {
      console.log('video.src', video.src);
    });
  </script>