Youtube動画をスマホで自動再生させたい-諦めた理由

WordPressを利用してます

CMSはもちろんWordPressです。

Smart Slider 3でスライドショー

Smart Slider3でスライドショーしています。ちょっとwebサイトがリッチになった気持ちになります。ここで落とし穴がありました。

Smart Slider 3

 

Youtubeが自動再生されない

Smart Slider3 はとても優秀です。写真をスライドショーさせる事もできるし、youtube動画も再生できます。それも音をMute設定にしたり、ホームページが開いた時に自動再生させることだってできます。

ただし、あれ、スマートフォンで見たら自動再生されない。

Youtubeがスマホで自動再生されない理由

スマホは通信SIMで通信利用している事も多いです。ホームページを開いただけで、貴重な通信量を消費されちゃぁたまったもんじゃないっていう人が多いようです。なので、スマートフォンでは動画を自動再生させない方が一般的。

Smart Slider 3は自動再生だめ

Add YouTube videos to your sliders

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再生機能なら何とかなるんじゃない?って思ったら、これもまだ機能実装できてないみたい。

Shortcodes Ultimate

今のところ、自動再生を有効にした形で表示しても、機能は働きませんでした。

じゃ、Advanceは?

Advanced Responsive Video Embedder を試してみます。

ARVE Advanced Responsive Video Embedder (YouTube, Vimeo, HTML5 Video …)

セットでこれも入れておくといいです。Embeded videoボタンが利用できるようになり、ウィザード形式で設定可能です。

Shortcake (Shortcode UI)

これもできないじゃないかぁ。パソコンなら大丈夫だけど、スマホだと自動再生されません。スマホ手ごわい。

Youtube

YouTube

これもやってみたけど結局スマートフォンでは自動再生されなかった。これだけやってダメなので諦めました。

レスポンシブ対応

WordPress標準のyoutubeリンクを画面に出す方法では、レスポンシブ対応になりません。結局怪我の功名で、YouTube by EmbedPlus Teamを利用して、スマートフォンでも変な余白なく、youtube画面を出せるようになりました。

 

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です