本ページは広告が含まれています。気になる広告をクリック頂けますと、サーバ運営費になります(^^
WordPressを利用してます
CMSはもちろんWordPressです。
Smart Slider 3でスライドショー
Smart Slider3でスライドショーしています。ちょっとwebサイトがリッチになった気持ちになります。ここで落とし穴がありました。
Youtubeが自動再生されない
Smart Slider3 はとても優秀です。写真をスライドショーさせる事もできるし、youtube動画も再生できます。それも音をMute設定にしたり、ホームページが開いた時に自動再生させることだってできます。
ただし、あれ、スマートフォンで見たら自動再生されない。
Youtubeがスマホで自動再生されない理由
スマホは通信SIMで通信利用している事も多いです。ホームページを開いただけで、貴重な通信量を消費されちゃぁたまったもんじゃないっていう人が多いようです。なので、スマートフォンでは動画を自動再生させない方が一般的。
Smart Slider 3は自動再生だめ
Limitation of creating a YouTube slider
Mobile devices and tablets have a limitation, it is that you can’t autoplay videos on them. This limitation happens because of the common usage of mobile internet. On mobile devices only a user’s action can start a video in your YouTube slider. Because of this, even if you set your YouTube video to play automatically, it won’t start until the user taps on the play button.
携帯端末やタブレットには制限があります。動画を自動再生することはできません。この制限は、モバイルインターネットの一般的な使用のために発生します。モバイルデバイスでは、ユーザーの操作だけがYouTubeスライダで動画を開始できます。このため、YouTube動画を自動的に再生するように設定しても、ユーザーが再生ボタンをタップするまで再生されません。
あらら、標準的にこんな仕様になっています。試しに、vimeoに上げてSmart Slider 3に設定してみましたけど、やっぱり結果は同じでした。スマホでは自動再生されない。
Shortcodes Ultimate なら
Shortcodes Ultimateプラグインのyoutube再生機能なら何とかなるんじゃない?って思ったら、これもまだ機能実装できてないみたい。
今のところ、自動再生を有効にした形で表示しても、機能は働きませんでした。
じゃ、Advanceは?
Advanced Responsive Video Embedder を試してみます。
セットでこれも入れておくといいです。Embeded videoボタンが利用できるようになり、ウィザード形式で設定可能です。
これもできないじゃないかぁ。パソコンなら大丈夫だけど、スマホだと自動再生されません。スマホ手ごわい。
Youtube
これもやってみたけど結局スマートフォンでは自動再生されなかった。これだけやってダメなので諦めました。
レスポンシブ対応
WordPress標準のyoutubeリンクを画面に出す方法では、レスポンシブ対応になりません。結局怪我の功名で、YouTube by EmbedPlus Teamを利用して、スマートフォンでも変な余白なく、youtube画面を出せるようになりました。