インラインCSSでプレイヤーにスタイルを付ける

インラインCSSを使用してプレイヤーにスタイルを付けることができます。

前の例では、個別のCSSファイル myvideo.css, を使ってCSSカスタマイズを定義する方法を 説明しました。ウェブページにインラインCSSを使用することもできます。外部のCSS ファイル、またはインラインCSSを使用して、プレイヤーのdivコンテナまたはプレイヤー自体のスタイルを 定義することができます。どちらも問題なく使用できます。

参考例

次の例では、myvideo.html ページにて、インラインCSS命令を使用してプレイヤーの再生 ボタンの背景を赤にして、コントロールパネルの背景を赤に変更します。プレイヤー要素にはoo_ プリフィックスが付いていることに注意してください。

css: '#playerwrapper

.oo_promo div.oo_start_button { background-color: red; }
#playerwrapper div.oo_controls { background-color:red; opacity:0.8;}',

この記事はお役にたちましたか?