FROM CACHE - jp_header

トップページにYouTubeやVimeo以外の動画を流したい

解決済
wakaaa
Shopify Partner
15 0 1

YouTubeやVimeo以外の動画は流せますでしょうか?(テンプレートはまだ決定していない)

テンプレートによっては好きな動画を流せるものがあるのは存じていますが、

出来れば無料テーマで動画を埋め込みたいです。

HTMLやCSSなどをいじれば可能でしょうか?

それとも動画を埋め込むにはそれに対応したテンプレートを選ぶ他ないのでしょうか?

知見のある方、ご教示お願い致します

1 件の受理された解決策

ベストソリューション
Jizo_Inagaki
Shopify Partner
580 238 551

成功

YouTubeやVimeo以外の動画というのが具体的に何なのか不明なので正確な返答できかねますが、mp4などの動画ファイルをShopifyにアップロードしてvideoタグなどで直接再生したいという場合は、テンプレートにコードを記載することで可能です。

この点では動画のURL(※1)以外はShopify特有のものはないと思いますので、検索で調べていただければ目的にあった実装方法が見つかるかと思います。

(※1)「ファイル」にアップするかTheme kitでassetsディレクトリに入れてアップするかで変わります。

https://shopify.dev/docs/themes/liquid/reference/filters/url-filters#file_url

https://shopify.dev/docs/themes/liquid/reference/filters/url-filters#asset_url

 

ただトップページということはセクションを作って対応する必要があるので(※2)、以下のようなLiquidも読み書きできる必要があります。

https://www.shopify.jp/blog/partner-shopify-theme-section-first-create

(※2)最上部か最下部のいずれかであればセクションの範囲外として、セクションを使わずとも実現できるかもしれません。

 

参考情報を見ても難しい場合は、記載いただいきましたように対応したテンプレートを選ぶか、業者に依頼されることをお勧めします。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2
Jizo_Inagaki
Shopify Partner
580 238 551

成功

YouTubeやVimeo以外の動画というのが具体的に何なのか不明なので正確な返答できかねますが、mp4などの動画ファイルをShopifyにアップロードしてvideoタグなどで直接再生したいという場合は、テンプレートにコードを記載することで可能です。

この点では動画のURL(※1)以外はShopify特有のものはないと思いますので、検索で調べていただければ目的にあった実装方法が見つかるかと思います。

(※1)「ファイル」にアップするかTheme kitでassetsディレクトリに入れてアップするかで変わります。

https://shopify.dev/docs/themes/liquid/reference/filters/url-filters#file_url

https://shopify.dev/docs/themes/liquid/reference/filters/url-filters#asset_url

 

ただトップページということはセクションを作って対応する必要があるので(※2)、以下のようなLiquidも読み書きできる必要があります。

https://www.shopify.jp/blog/partner-shopify-theme-section-first-create

(※2)最上部か最下部のいずれかであればセクションの範囲外として、セクションを使わずとも実現できるかもしれません。

 

参考情報を見ても難しい場合は、記載いただいきましたように対応したテンプレートを選ぶか、業者に依頼されることをお勧めします。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
wakaaa
Shopify Partner
15 0 1

 大変ご丁寧にお答えくださいましてありがとうございます。

参考にさせて頂きます!