スタートガイド

ビデオグプレイヤーを使ってみる

ビデオグプレイヤーを使うには、以下ファイルの読み込みとパラメーターの設定が必要です。

ダウンロード

1
2
3
4
5
6
<!-- CSS -->
<link href="https://player-cdn.videog.jp/r/js/videog_player/3.0.1/videogplayer/videogplayer.min.css" rel="stylesheet">
<!-- Jacascript -->
<script src="https://player-cdn.videog.jp/r/js/videog_player/3.0.1/videogplayer/videogplayer.min.js"></script>
<!-- Option/Advertising -->
<script src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

パラメーター

パラメーター名	型	説明
id	string	ビデオグプレイヤーを表示するために必要な`<div>`タグの`id`属性。
options	array	ビデオグプレイヤーのオプション設定

コードサンプル

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!-- 注意:アルファ版のため、以下の記述は大幅に変更する可能性があります。 -->
<head>
  <link href="https://player-cdn.videog.jp/r/js/videog_player/3.0.1/videogplayer/videogplayer.min.css" rel="stylesheet">
</head>
<body>
  <div id="video_tag_id"></div>
  <script src="https://player-cdn.videog.jp/r/js/videog_player/3.0.1/videogplayer/videogplayer.min.js"></script>
  <script>
    const options = {
      play_list: [
        {
          sources: [
            {
              file: 'https://sample.jp/media.mp4',
            },
          ],
        },
      ],
    };
    const player = videogplayer('video_tag_id', options);
  </script>
</body>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

results matching ""

No results matching ""