ShopifyストアにYouTubeを埋め込む方法を調査

ShopifyにYouTubeを埋め込んで表示したい。できれば自動再生もしたい。

テーマに動画を挿入するためのセクションがあるけど自動再生してくれない。

YouTube埋め込む方法をとりあえずググってみた。
商品詳細とかブログにYouTubeを埋め込むのは簡単にいけそう。今回はTOPページに自動再生のYouTubeを置きたいんだよなあ。

基本的に2つのアプローチがありそう。

1. テーマのコードを直接編集する
2. アプリで挿入する

テーマのコードを編集する場合は、直接テーマのHTMLを書き換えてCSSで見た目を調整する必要がある。

参考

https://community.shopify.com/c/技術的なq-a/動画を埋め込む方法について/td-p/653702

アプリで編集する場合はこのアプリが良さそう。前にComing Soon機能をストアに導入する際に使用したアプリと開発元が同じだったので、気になった。

https://apps.shopify.com/youtube-video?locale=ja

アプリストアの説明では、自動再生もできると書いてあった。

本アプリを使用することで、コード編集なしでYoutube動画を埋め込むことができます！ さらに、セクションの設定欄から動画のカラム数や余白、自動再生の有無などをカスタマイズすることができます！

以前同じ開発元のアプリを使用した際も思ったことだが、セクションと同じ操作感で見た目をカスタマイズできるのが便利。

動画は3つ一度に表示できるみたい。
表示方法はカスタマイズできるのかな？

月額は 4.99 ドル。
一旦クライアントに提案してみる。

開発会社の公式HPに詳しい使い方の説明があった。

https://www.re-terior.com/shopify-apps/reterior-youtube/guide

YouTubeの一覧表示ならこっちのアプリの方が良さそう。これはVimeoもいけるみたい

これで一旦調査終了。