プレイヤーサンプル
●Scriptタグサンプルの動作確認をする場合はこちらのWebページをご利用ください。
※スマートフォンで動作確認をする場合は、下記QRコードをご利用ください。
●Lightboxタグサンプルの動作確認をする場合はこちらのWebページをご利用ください。
※スマートフォンで動作確認をする場合は、下記QRコードをご利用ください。
レスポンシブ設定の方法
プレイヤー登録画面で、「プレイヤーの自動リサイズ(レスポンシブデザイン)」を
有効にしたプレイヤーを使用した場合は、貼付タグが埋め込まれる箇所の
上位要素に対して100%で表示されます。
なお、「プレイヤーの自動リサイズ(レスポンシブデザイン)」が有効な場合、
貼付タグに記載されたプレイヤーサイズは無視されます。
また、プレイヤー縦横比を保ったままレスポンシブ対応される場合は、
padding-bottomプロパティをご利用頂く事を推奨いたします。
<
div style="width: 100%;
position: relative;
padding-bottom: 56.25%;"
>
縦横比を維持した状態で、自動リサイズへ対応する
※横16:縦9 の場合⇒9 ÷16 =0.5625(56.25% )
横4:縦3 の場合⇒3 ÷4 =0.75(75% )
詳しくは、
「レスポンシブ解説」ページをご利用ください。
当プレイヤー活用例のサンプルは、弊社一部環境で動作確認を致しましたが、全環境にて動作するものではございません。
動作保障は致しかねますので、予めご了承ください。また、サンプルプレイヤーを使ったお客様ページの構成等は、サポートの対象外と
なりますので、併せてご理解くださいます様お願いいたします。