プレーヤースキンの構成

コンポーネント

説明

prism-player

プレーヤー構成

prism-big-play-btn

大きな再生ボタン

prism-play-btn

再生ボタン

prism-play-btn.playing

再生中に使用される一時停止ボタン

prism-live-display

ライブストリーミング中に再生ボタンの位置を占めるライブストリーミングボタン

prism-fullscreen-btn

全画面表示ボタン

prism-fullscreen-btn.fullscreen

クリック後の全画面表示ボタン

prism-volume

音量ボタン

prism-volume.mute

ミュートモードが有効になった後の音量ボタン

prism-cover

再生前のサムネイル構成

prism-controlbar

プレーヤーのコントロールバー

prism-time-display

合計時間

prism-time-display .current-time

現在の時間

prism-progress

プログレスバー

prism-progress-loaded

読み込みの進行状況

prism-progress-cursor

プログレスバーの位置

prism-speed-selector

再生速度の構成

prism-stream-selector

解像度の切り替え

prism-snapshot-btn

スナップショットボタン

prism-ErrorMessage

エラーメッセージ

prism-info-display

エラーに関する追加情報

パラメーター

説明

width

大きな再生ボタンの幅。単位：ピクセル。

height

大きな再生ボタンの高さ。単位：ピクセル。

background

大きな再生ボタンの画像 URL。

no-repeat

画像を並べて表示しないことを指定します。CSS も no-repeat パラメーターをサポートしています。

-2px

大きな再生ボタンの x 座標と y 座標。