FROM CACHE - jp_header

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

解決済

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

ruoo
訪問者
2 0 0

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

  • CSS
1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1537 549 697

成功

Yasudaさま

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

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

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

 

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

参考記事:

https://www.itra.co.jp/webmedia/video_element.html#:~:text=video%E3%82%BF%E3%82%B0%20playsinline%20%...

 

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

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

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

フルバランス 渡邉

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1537 549 697

成功

Yasudaさま

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

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

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

 

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

参考記事:

https://www.itra.co.jp/webmedia/video_element.html#:~:text=video%E3%82%BF%E3%82%B0%20playsinline%20%...

 

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

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

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

フルバランス 渡邉

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
ruoo
訪問者
2 0 0

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