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

ホームページ

本ページは広告が含まれています。気になる広告をクリック頂けますと、サーバ運営費になります(^^

WordPressを利用してます

CMSはもちろんWordPressです。

Smart Slider 3でスライドショー

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

Smart Slider 3
視覚的な操作で簡単にスライダーを作成できるプラグインです。美しい画像スライダー、レイヤースライダー、動画スライダー、投稿スライダーなどが作成できます。

 

Youtubeが自動再生されない

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

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

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

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

Smart Slider 3は自動再生だめ

Everything You Need To Know About YouTube Slider
Thinking of creating a YouTube slider? With Smart Slider 3 you can easily create a video gallery, it is free and fully r...

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

WP Shortcodes Plugin — Shortcodes Ultimate
ビジュアルコンポーネントの包括的コレクション

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

じゃ、Advanceは?

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

Advanced Responsive Video Embedder – Rumble, YouTube, Vimeo, Kick …
Level up your basic video embeds! Advanced features, privacy. Use URLs, Shortcodes or Blocks to customize videos to your...

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

Shortcake (Shortcode UI)
Shortcake は WordPress ショートコードを簡単に使えます。

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

Youtube

YouTube WordPress Plugin by Embed Plus
YouTube Embed WordPress Plugin. Embed a responsive video, YouTube channel gallery, playlist gallery, YouTube livestream....

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

レスポンシブ対応

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

 

タイトルとURLをコピーしました