EQ管理画面から取得した貼り付けタグの修正、
及び「plain.html」へ挿入する方法についてご説明します。
①テンプレートファイルの準備
「連携プラグインおよびトラッキングタグの挿入」にて修正した
「plain.html」を開き、修正箇所を確認します。
◆「plain.html」修正箇所
「plain.html」内、以下の赤字部分が修正箇所です。
<!--Jstream動画貼付けタグStart--> <div style="width:100%; position:relative; padding-bottom:56.25%; margin-top:10px; margin-bottom:20px;"> <script type="text/javascript" charset="UTF-8" src="https://ssl-cache.stream.ne.jp/wwwXX/eqXXXXXXXX/jmc_pub/jmc_swf/player/t3/if.js"></script> <script type="text/javascript"> var eqPlayer1 = jstream_t3.PlayerFactoryIF.create({ b:"eqXXXXXXXX.eq.webcdn.stream.ne.jp/wwwXX/eqXXXXXXXX/jmc_pub/jmc_swf/player/", c:"XXXX", m:"$FORM{Seminar.attribute〇}", s:{ hp:360, il:"off", rp:"fit", sn:"", tg:"off", wp:640 }}); EQSmpV3.addPlayer(eqPlayer1, {title: "$FORM{Seminar.attribute〇}", mid: $FORM{Seminar.attribute〇}}); </script><noscript> <div>このコンテンツを見るためにはJavaScriptを有効にしてください。Please enable JavaScript to watch this content.</div> </noscript> </div> <!--Jstream動画貼付けタグEnd--> |
※EQの貼り付けタグは、サンプルとなります。
②scriptタグの取得
EQ管理画面より、「オンデマンド」用または「ライブ/疑似ライブ」用
それぞれ必要なscriptタグを取得します。
scriptタグの取得方法につきましては、「EQタグの取得」をご参照ください。
③scriptタグの修正
取得したscriptタグについて、 「オンデマンド」用または「ライブ/疑似ライブ」用
それぞれ下記赤字部分を追加します。
【オンデマンド用】
<script type="text/javascript" charset="UTF-8" src="https://ssl-cache.stream.ne.jp/wwwXX/eqXXXXXXXX/jmc_pub/jmc_swf/player/t3/if.js"></script> <script type="text/javascript"> var eqPlayer1 = jstream_t3.PlayerFactoryIF.create({ b:"eqXXXXXXXX.eq.webcdn.stream.ne.jp/wwwXX/eqXXXXXXXX/jmc_pub/jmc_swf/player/", c:"XXXXXXXX", m:“$FORM{Seminar.attribute〇}", s:{ hp:360, il:"off", sn:"", tg:"off", wp:640 }}); EQSmpV3.addPlayer(eqPlayer1, {title: "$FORM{Seminar.attribute〇}", mid: $FORM{Seminar.attribute〇}}); </script> <noscript> <div>このコンテンツを見るためにはJavaScriptを有効にしてください。Please enable JavaScript to watch this content.</div> </noscript> |
※EQの貼り付けタグは、サンプルとなります。
◆修正内容詳細
var eqPlayer1 = jstream_t3.PlayerFactoryIF.create({ |
- 「eqPlayer1」の箇所は、任意の文字列です。
- 英数半角のみ使用可能です。
- 1文字目は英文字のみ使用可能です。(数字は不可)
- 同一ページに2つ以上のプレイヤーを貼る場合、重複しない文字列とします。
m:“$FORM{Seminar.attribute〇}", |
- 「Seminar.attribute〇」を「Jストリーム動画ID」の変数に差し替えます。
※変数の確認方法につきましては、株式会社シャノン様ご提供のユーザーマニュアルをご参照ください。
EQSmpV3.addPlayer(eqPlayer1, {title: "$FORM{Seminar.attribute〇}", mid: $FORM{Seminar.attribute〇}}); |
- 「eqPlayer1」の箇所は、上記と同じ文字列とします。
- 「Seminar.attribute〇」の箇所は、タイトル、動画IDの変数に差し替えます。
【ライブ/疑似ライブ用】
<script type="text/javascript" charset="UTF-8" src="https://ssl-cache.stream.ne.jp/wwwXX/eqXXXXXXXX/jmc_pub/jmc_swf/liveplayer/t3/obj.js"></script> <script type="text/javascript"> var eqPlayer1 = jstream_t3. PlayerFactoryLiveOBJ.create({ b:"eqXXXXXXXX.eq.webcdn.stream.ne.jp/wwwXX/eqXXXXXXXX/jmc_pub/jmc_swf/liveplayer/", c:“XXXXXXXX", lpid:“$FORM{Seminar.attribute〇}", s:{ hp:360, il:"off", sn:"", tg:"off", wp:640 }}); EQLSmpV3.addPlayer(eqLivePlayer1, {title: "$FORM{Seminar.attribute〇}", lpid: $FORM{Seminar.attribute〇}}); </script> <noscript> <div>このコンテンツを見るためにはJavaScriptを有効にしてください。Please enable JavaScript to watch this content.</div> </noscript> |
※EQの貼り付けタグは、サンプルとなります。
◆修正内容詳細
var eqPlayer1 = jstream_t3.PlayerFactoryLiveOBJ.create({ |
- 「eqPlayer1」の箇所は、任意の文字列です。
- 英数半角のみ使用可能です。
- 1文字目は英文字のみ使用可能です。(数字は不可)
- 同一ページに2つ以上のプレイヤーを貼る場合、重複しない文字列とします。
lpid:“$FORM{Seminar.attribute〇}", |
- 「Seminar.attribute〇」を「Jストリーム動画ID」の変数に差し替えます。
※変数の確認方法につきましては、株式会社シャノン様ご提供のユーザーマニュアルをご参照ください。
EQLSmpV3.addPlayer(eqLivePlayer1, {title: "$FORM{Seminar.attribute〇}", lpid: $FORM{Seminar.attribute〇}}); |
- 「eqPlayer1」の箇所は、上記と同じ文字列とします。
- 「Seminar.attribute〇」の箇所は、タイトル、ライブIDの変数に差し替えます。
④テンプレートファイルへタグの挿入
修正したscriptタグを、「plain.html」の該当箇所に挿入します。
◆「plain.html」該当箇所
<!--Jstream動画貼付けタグStart--> <div style="width:100%; position:relative; padding-bottom:56.25%; margin-top:10px; margin-bottom:20px;"> ~ ※この部分に修正したscriptタグを挿入します※ ~ <!--Jstream動画貼付けタグEnd--> |