WPのサイトに動画を設置 スマホで動画のサムネイルが表示されないときの対処法

富士市が街のPR動画を制作したので見てみた結果 静岡県のホームページ制作・WEB制作

WPのサイトに動画をアップしました。

パソコンで見ると動画のサムネイルが表示されます。ところがスマホで見ると、動画のサムネイルが表示されないのです。

サムネイルが表示してほしい場所は再生ボタンだけが表示されてしまう状態に・・・。

再生ボタンを押すと動画を再生することはできるのですが、それではちょっとカッコ悪い・・・。

ちなみにそのときに使用したタグは以下のものです。

<video controls controlslist=”nodownload” oncontextmenu=”return false;” src=”動画のURL”></video>

 

これでは上記のような現象が発生してしまいます。

そのため上記のタグを以下のようにすることで、スマホでもサムネイル表示がされるようになります。

<video controls controlslist=”nodownload” oncontextmenu=”return false;” poster=”サムネイル画像のURL” src=”動画のURL”></video>

 

何をしているのかというと、サムネイルとなる画像を別に作成し、上に被せているという状態になるようです。

これでうまくいきました。

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