レスポンシブ埋め込み Vimeo ビデオを使用して、次のシナリオを作成しようとしています。
- 音量調節が可能な場合は、音量 0 から始めてください
- 音量調節が利用できない場合は、音量 1 から始めてください
これは現在のコードです:
jQuery( document ).ready( function () {
var vimeo_intro_video_options = {
id: /* video_id */,
autoplay: true,
loop: true,
};
var vimeo_intro_video = new Vimeo.Player('vimeo-intro-video', vimeo_intro_video_options);
// Set Volume to 0
vimeo_intro_video.setVolume(0);
}
});
これに関する問題は、一部のモバイル デバイスでは音量を設定できるものとできないものがありますが、プレーヤーに音量コントロールが備わっているものはありません。したがって、ユーザーが音量をオンにしても、一部のデバイスではビデオがミュートされてしまいます (これまでのところ Android のみ)。
userAgent考えられる解決策の 1 つは、モバイル デバイスを検出するために使用し、そこで音量を設定しないことです。より良い方法はありますか?