Video360 プレーヤー

最終更新日： 2024年7月22日

トピック：

作成対象：

開発者
ユーザー

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

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

次の CSS クラスセレクターは、ビデオプレーヤーの外観を制御します。

.s7video360viewer .s7video360player

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

の背景色の

メインビューの背景色。

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

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

例 – ビデオプレーヤーのサイズが 512 x 288 ピクセルに設定されたビデオビューアを設定するには

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

バッファリングアニメーションの外観は、次の CSS クラスセレクターで制御します。

.s7video360viewer .s7video360player .s7waiticon

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

CSS プロパティ	説明
幅	アニメーションアイコンの幅。
高さ	アニメーションアイコンの高さ。
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);
}

recommendation-more-help