Liquid、JavaScriptなどに関する質問
Debutを使用しています。
これからyoutube動画を入れていく予定なので
WebサイトにYouTubeの動画を大量に埋め込んでも重くならないようにするため
以下のサイトを参考にコードに組み込みたいです。
https://www.t-web.co.jp/blog/youtube/
具体的にvideo.liquid、scssの何処を直したらいいのかわかりません。
参考サイトではサムネ画像やリンクをHTMLに記述していますが
出来ればセクションから動画追加する仕様は変えたくありません。
どなたかご教授くださいませ。
該当のJSとCSSは、template.liquidで読み込むか、直接CSSを書き込むことができますが、個人的には参照されている記事のHTMLの構造が、video.liquidと異なるので、セクションとしてちゃんと動作させるのはテーマのセクションとHTMLを理解した上で高度なカスタマイズする必要があると思います。
この記事でやろうとしているのは、初期再生せずに、サムネイル表示して再生ボタンで再生する方法のように見えますが、それでしたらvideoセクションの設定で可能ですがいかがでしょうか?
ありがとうございます。
videoセクションの設定で
初期再生せずにサムネイル表示して再生ボタンで再生する方法を知りたいです。
よろしくお願い致します!
添付のように、Videoセクションの設定で再生ボタンを表示するを選べば、自動再生されません。
セクションの仕様はテーマによって異なりますが、これはDebutの場合です。
Shopifyのチェックアウトは世界一コンバージョン率が高いチェックアウトです。2023年4月に実施された世界3大手マネジメントコンサルティング会社の共同調査によると、Sho...
By Minami_ Apr 11, 2024Shopifyのルーツ Shopifyは、スノーボードをオンラインで販売したいという夢を叶えるために2004年に誕生しました。当時は大企業だけがインターネットで販売す...
By JapanGuru Apr 7, 2024リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024