WPのサイトに動画をアップしました。
パソコンで見ると動画のサムネイルが表示されます。ところがスマホで見ると、動画のサムネイルが表示されないのです。
サムネイルが表示してほしい場所は再生ボタンだけが表示されてしまう状態に・・・。
再生ボタンを押すと動画を再生することはできるのですが、それではちょっとカッコ悪い・・・。
ちなみにそのときに使用したタグは以下のものです。
<video controls controlslist=”nodownload” oncontextmenu=”return false;” src=”動画のURL”></video>
これでは上記のような現象が発生してしまいます。
そのため上記のタグを以下のようにすることで、スマホでもサムネイル表示がされるようになります。
<video controls controlslist=”nodownload” oncontextmenu=”return false;” poster=”サムネイル画像のURL” src=”動画のURL”></video>
何をしているのかというと、サムネイルとなる画像を別に作成し、上に被せているという状態になるようです。
これでうまくいきました。
