現在、Shopifyテーマ「Dawn v2.4.0」をカスタムして使用しています。
■ やりたいこと：
- 商品ページの商品画像スライダーに、MP4形式の動画を含めて表示し、再生できるようにしたい
■ 現状：
- Shopifyの商品編集画面からMP4動画をアップロード済
- 商品画面上では、画像として表示。（動画として出力させていないように見受けられます。）
- クリックしても何も変化は起きません。
■ 試したこと：
- product-media.liquid や product-thumbnail.liquid を編集し、media.media_type に応じた分岐処理を追加
- media.sources でMP4のソースを取得しようとしたが、media_tagでの出力もうまくいかず
- Shopifyに表示されているテンプレートが正しいことも確認済です
■ 補足
- 同じくDawnテーマを使用している別サイト（Dawn v9.0・カスタムなし）では、Shopify上でMP4を動画として設定するだけで、商品ページ上でも正常に再生されました。
- このため、Dawn v2.4.0の構造またはLiquid側の記述に問題があるのではと考えています。
■ 質問：
-
liquid 側で条件文などを追加すれば、動画での表示が可能になるのでしょうか？
-
カスタムした Dawn 2.4.0 で、MP4動画を商品ページ上で再生させることは可能でしょうか？
-
Dawn 2.4.0 において、MP4動画を確実に再生させるための記述方法をご存知の方がいれば、ご教示いただけると幸いです
よろしくお願いいたします、
@00_10_20 様
検証はしていませんが、
liquid 側で条件文などを追加すれば、動画での表示が可能になるのでしょうか？
ShopifyがGithubに置いているDawn v2.4.0のコードを見る限り、
https://github.com/Shopify/dawn/blob/v2.4.0/snippets/product-thumbnail.liquid#L21-L41
のように動画用の処理があるようなので、動画の表示は可能なはずです。
- カスタムした Dawn 2.4.0 で、MP4動画を商品ページ上で再生させることは可能でしょうか？
どういったカスタマイズをされているかにもよりますが、基本的に可能なはずです。
- Dawn 2.4.0 において、MP4動画を確実に再生させるための記述方法をご存知の方がいれば、ご教示いただけると幸いです
https://github.com/Shopify/dawn/blob/v2.4.0/sections/main-product.liquid#L38-L40
https://github.com/Shopify/dawn/blob/v2.4.0/snippets/product-thumbnail.liquid#L21-L41
これらのコードで動画を再生できるようになっているはずですので、
もし、この部分をカスタマイズで削除してしまっていたり変更してしまっていたりする場合は、
上記コードに準じて修正いただくのが良いかと思います。
ご参考まで。
(キュー田辺)
@00_10_20 様
https://github.com/Shopify/dawn/releases/tag/v2.4.0
このページのAssetsから、カスタマイズされていない、Dawn 2.4.0をダウンロードできますので、
そちらをダウンロードして、ストアにアップロードし、全くカスタマイズされていない状態で、
期待通りに動くかをまず確認されたほうが良いかもしれません。
(キュー田辺)