スタートガイド
ビデオグプレイヤーを使ってみる
ビデオグプレイヤーを使うには、以下ファイルの読み込みとパラメーターの設定が必要です。
ダウンロード
<!-- CSS -->
<link href="https://player-cdn.videog.jp/r/js/videog_player/2.2.12/videogplayer/videogplayer.min.css" rel="stylesheet">
<!-- Jacascript -->
<script src="https://player-cdn.videog.jp/r/js/videog_player/2.2.12/videogplayer/videogplayer.min.js"></script>
<!-- Option/Advertising -->
<script src="https://imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
パラメーター
| パラメーター名 | 型 | 説明 |
|---|---|---|
| id | string | ビデオグプレイヤーを表示するために必要な<div>タグのid属性。 |
| options | array | ビデオグプレイヤーのオプション設定 |
コードサンプル
<!-- 注意:アルファ版のため、以下の記述は大幅に変更する可能性があります。 -->
<head>
<link href="https://player-cdn.videog.jp/r/js/videog_player/2.2.12/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/2.2.12/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>