ビデオ 360 プレーヤー

ビデオプレーヤーは、ビューア内でビデオコンテンツが表示される長方形の領域です。

再生中のビデオのサイズがビデオプレーヤーのサイズと一致しない場合、ビデオコンテンツはビデオプレーヤーの長方形の表示領域内に中央配置されます。

以下に示す CSS クラスセレクターで、ビデオプレーヤーの外観を制御します。

.s7video360viewer .s7video360player

ビデオプレーヤーの CSS プロパティ

background-color

メインビューの背景色。

システムでビデオを再生できない場合に表示されるエラーメッセージをローカライズできます。

ユーザーインターフェイス要素のローカライゼーション を参照してください。

例 — サイズが 512 x 288 ピクセルのビデオプレーヤーを持つビデオビューアを設定するには、次のように記述します。

.s7video360viewer .s7video360player{ 
background-color: transparent; 
}

バッファリングアニメーションの外観は、以下の CSS クラスセレクターを使用して制御します。

.s7video360viewer .s7video360player .s7waiticon

待機アイコンの CSS プロパティ

CSS プロパティ

説明

width

アニメーションアイコンの幅。

height

アニメーションアイコンの高さ

margin-left

アニメーションアイコンの左余白。通常は、アイコンの幅の半分を引いた値。

margin-top

アニメーションアイコンの上余白。通常は、アイコンの高さの半分を引いた値。

background-image

ノブのアートワーク。

例 — 幅が 101 ピクセル、高さが 29 ピクセルのバッファリングアニメーションを設定するには、次のように記述します。

.s7video360viewer .s7video360player .s7waiticon { 
 width: 101px; 
 height: 29px; 
 margin-left: -50px; 
 margin-top: -15px; 
 background-image: url(images/sdk/busyicon.gif); 
}

このページ