先日の記事、YouTube動画をWebページに埋め込み、字幕版・音声あり版を切り替えたいでは、
- PCでは自動再生、音声オフ、字幕表示
- 音声を出したい時は、リンク先で音声あり版を見る
- スマフォは音声オフに出来ない
という方法を紹介しました。
ところが、
どーーーーーーしてもスマフォで音声オフにしたい!
いや、オフにしやがれ!
という要望をいただきました。
オフにするのは無理です。
なんで、そういう時は、音声あり版と、音声無し版、両方をYouTubeにアップしてくださいな。
つまり、
- PCでは「音声無し版」を自動再生、字幕表示
- スマフォは再生ボタンを押すと「音声無し版」を再生、字幕表示
- PCでもスマフォでも、音声を出したい時は、リンク先で音声あり版を見る
みたいな感じです。
テストページはこちらをごらんください。
「音声無し版」を使えば、html/ jsで「音声のオフ」処理をする必要がないので、iframe_apiを使わず、iframeだけで処理できます。
ソースはこちら。
音声ありの動画はこちら