質問: AzureMediaPlayerを実装しておりますが、ドキュメントを読んでもわからないことがあり質問を投稿致しました。 Playerのコントロールバーを以下のようにカスタマイズしたいのですが、 その実装方法をご存知でしたら、ご教示頂けないでしょうか? 1.コントロールバーを常に(動画再生中も)表示させる 2.コントロールバーの「オーディオトラック」と「品質」のボタンを非表示にする ※オーディオトラックは以下のように実装してみましたが、非表示になりませんでした。 ``` ```
回答: 2か月近く前のご質問ですので時間切れかと思いますが、他の方にも役立つと思いますので回答します。 以下の情報は回答時点での最新版(1.8.0)に基づいています。 ### 1.オーディオトラック選択メニューボタンを非表示にする audioTracksMenuオプションは amp.options.skinConfig に設定する必要があります。 下記のように指定します。 ``` ``` または ``` var options = { "autoplay": true, "controls": true, "nativeControlsForTouch": false, "skinConfig": {"audioTracksMenu": { "enabled": false }} }; var player = amp("azuremediaplayer", options); ``` ### 2.映像品質選択メニューボタンを非表示にする 残念ながら現在のAMPにはその機能がありません。 ただし、CSSスタイルを上書きして非表示にしてしまう方法が考えられます。 ``` .amp-quality-control { display: none; } ``` なお、これと同様の方法で前述のオーディオトラック選択メニューボタンを非表示することも可能です。 ### 3.メニューバーを常時表示にする 残念ながらこれも現在のAMPにはその機能がありません。 また、CSSの上書きで対応するのは非常に困難だと思われます。 どうしても必要ならデフォルトのメニューバーを非表示にして、自作のメニューバーで置き換える必要があるのではないでしょうか。 ご参考になれば。