登録したコンテンツをWebサイトに埋め込む手順について解説します。また簡易視聴HTML(視聴用URL)機能を使うことでWebサイトにタグを埋め込まずに直接配信コンテンツにアクセスできるようになります。
Script / iframeタグを発行する
millviの基本的な配信方法です。Script / iframeタグを発行し、WebサイトのHTMLファイルに書き出すことでコンテンツを配信することができます。
- コンテンツ詳細ページを開きます。
- 「Step2. 配信設定を行う(目次2. 埋め込みコードの設定)」で設定したセキュリティ設定とプレイヤー設定を選んだ状態で「COPY」ボタンをクリックしてScriptタグをコピーします。※プルダウンはプレイヤーID順に表示されます。タグを発行する度に適切なプレイヤーを選択した上でタグを「COPY」してください。
- Webサイト(HTMLファイルの<body>)内にScriptタグを埋め込みます。※サンプルコードのため再生されません。※同一ページ内に複数の動画を埋め込む場合は、こちらをご確認ください。
<!DOCTYPE HTML> <html> <body> <p>動画埋め込みページ</p> <!--埋め込みコード開始--> <div id='player'></div>
<script src='https://cdn.millvi.com/player/player.js'></script>
<script>
const player = new Millvi.MillviPlayer({
containerId: 'player',
});
player.setContent({
embedKey: 'AQICAHgkhJIMl9+3neoDC0/v1kTja6umkOZef2ejS8SQc3komgFhvOzoV9o7DaU+3ueEJOv5AAAA/DCB+QYJKoZIhvcNAQcGoIHrMIHoAgEAMIHiBgkqhkiG9w0BBwEwHgYJYIZIAWUDBAEuMBEEDETVwS2PadwsXsoI0gIBEICBtEs/1XUGhjHSQYXdytArGSYstMYKQUOzwZrtsTeIqHhnJ3zg2pX7926NyUhN2rWLc7vRBotrFjj9CzYP3dmgHTLQ7QjoygZeWfi+Olhms8I7Yyp724GjhhbiqXForWNgB5+8Knh5Dv2oIdk4nKxTxw/lHqv49hGMsLOx9kNOHOy0CQRgHpERZVt490jVeV3st5QNNNofR7HTO0oLqxrvHtnoUeazkm4kKs/d/riuWzUEimV/w==**',
});
</script> <!--埋め込みコード終了--> </body> </html>
サンプル動画埋め込み例
※プレイヤーの操作方法については、「プレイヤーを操作する」をご確認ください。
簡易視聴HTML(視聴用URL)を発行する
- 「Step2. 配信設定を行う(目次2. 埋め込みコードの設定)」で設定したセキュリティ設定とプレイヤー設定を選んだ状態で「COPY」ボタンをクリックしてHTMLをコピーします。
- コピーされたURLはブラウザから直接アクセスできます。※URLを第三者にご提供される場合は、セキュリティ設定を見直した上でご判断ください。サンプルURL