埋込動画の再生時に全画面表示にならないようにしたい

日本語 ディスカッション 技術的なQ＆A
1

ローカル保存してある動画を直接Shopifyのページに埋め込んだのですが、スマホでサイトを表示したとき、再生時に全画面表示になりサイトが見えなくなってしまいます。ページ上で再生させる方法はないでしょうか。

2

Yasudaさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

スマホだとほとんどのブラウザで全画面表示になりますよね、、、

コード編集が必要になりますが、インライン再生させるのはいかがでしょうか？

参考記事：

https://www.itra.co.jp/webmedia/video_element.html#:~:text=video%E3%82%BF%E3%82%B0%20playsinline%20%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E5%86%8D%E7%94%9F%E3%82%92%E5%8F%AF%E8%83%BD%E3%81%AB%E3%81%99%E3%82%8B,-%3Cvideo%20autoplay%20muted&text=%E3%80%8Cautoplay%E3%80%8D%E3%80%8Cmuted%E3%80%8D%E3%80%8C,%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E5%86%8D%E7%94%9F%E3%80%8D%E3%81%A8%E5%91%BC%E3%81%B3%E3%81%BE%E3%81%99%E3%80%82

何かヒントになりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 渡邉

1 Like
3

自動再生はさせたくないのでautoplayのみ省いて記述したところうまくいきました。ありがとうございます。