今回は、PCだと表示されるのに、スマホになると動画が表示されないという場合の解決方法を紹介します。
設定は簡単で、HTMLのvideoタグに以下属性を入れるだけです。
上記を入れないとスマホでは動かないので、三点セットで入れてください。
<video src="video/sp-video.mp4" autoplay muted playsinline></video>また、それでも動かない場合は、以下のJavaScriptを入れてみてください。
$(function() {
var video = $('video').get(0);
video.muted = true;
}スライダーに動画を入れた際、なぜかスマホだけ動かない現象が起きたので、スライダーのプラグインだと思いきや、videoタグの方の設定だったので、動かないと悩んでいる方はぜひ試してみてください。
