FROM CACHE - jp_header

動画の取り込みについて

解決済
ken01
観光客
9 1 1

セッション編集で追加したYoutube動画ですが、

スマホ画面で確認する場合、動画の再生ボタンの位置は下にずれて表示されます。

再生ボタンを動画の真ん中に表示させたいと思い、修正方法を教えて頂けますか?

(PC画面で確認する場合、再生ボタンの位置は正しく表示されます)

 

* debutテーマを使用しています。

  コード編集はしていません。

2 件の受理された解決策

ベストソリューション
Jizo_Inagaki
Shopify Partner
628 255 576

成功

恐らく以下の理由から意図的な配置かと思われます。

  • 再生ボタンでサムネイルが隠れないようにするため

 

とはいえ変更したいということでしたら、未検証ですがtheme.cssの6614目付近以下の箇所のtopとleftを書き換える形になるかと思います。(バージョンによっては行数が違う可能性があります)

.video-control__play-wrapper-mobile {
  display: block;
  height: 50px;
  position: absolute;
  top: calc(100% - 50px / 2);
  left: calc(50% - 50px / 2); }

 

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

元の投稿で解決策を見る

ken01
観光客
9 1 1

成功

ご教示いただありがとうございます。

Topとleftのところを書き換えてみます。

本当にありがとうございます!

 

元の投稿で解決策を見る

2件の返信2
Jizo_Inagaki
Shopify Partner
628 255 576

成功

恐らく以下の理由から意図的な配置かと思われます。

  • 再生ボタンでサムネイルが隠れないようにするため

 

とはいえ変更したいということでしたら、未検証ですがtheme.cssの6614目付近以下の箇所のtopとleftを書き換える形になるかと思います。(バージョンによっては行数が違う可能性があります)

.video-control__play-wrapper-mobile {
  display: block;
  height: 50px;
  position: absolute;
  top: calc(100% - 50px / 2);
  left: calc(50% - 50px / 2); }

 

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

成功

ご教示いただありがとうございます。

Topとleftのところを書き換えてみます。

本当にありがとうございます!