サポート » テーマ » Twentyseventeenのヘッダーメディア

  • 解決済 momonuts

    (@momonuts)



    Twentyseventeenのヘッダーメディアで動画を入れ、音を出した状態にしてPCでもスマホでも表示させたいです。
    現在PCでは音が出ず、スマホでは動画が表示されず、登録してあるヘッダー画像が表示されている状態です。

    これを、音を出してPCでもスマホでも動画を表示させる方法がありましたら、ご教授願いますm(_ _)m

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • CG

    (@du-bist-der-lenz)

    「PCでは音が出ず、スマホでは動画が表示されず」の抱き合わせを満足させるものではないので意味もない確認でしょうが、ヘッダーメディアの動画で、音が出ないのはJavaScriptでミュートしていませんか。

    momonuts

    (@momonuts)

    CG様

    ご回答ありがとうございます。
    ミュートに関しては、「video.muted = ‘muted’」を削除する形にしてみてある状態です。

    • この返信は3 週間前に  momonuts さんが編集しました。
    • この返信は3 週間前に  momonuts さんが編集しました。
    ishitaka

    (@ishitaka)

    こんにちは

    スマホに関しては、下記のトピック(英語)が参考になると思います。
    https://wordpress.org/support/topic/video-settings-twenty-seventeen-theme/

    音に関しては、下記のトピック(英語)が参考になると思います。
    https://wordpress.org/support/topic/two-issues-with-video-header/

    例:

    function my_custom_header_enqueue_scripts() {
    	$script = <<< SCRIPT
    jQuery(function($) {
      $(window).on('load', function() {
        $('.wp-custom-header video').prop('muted', false);
      });
    });
    SCRIPT;
    	wp_add_inline_script( 'wp-custom-header', $script );
    }
    add_action( 'wp_enqueue_scripts', 'my_custom_header_enqueue_scripts' );

    ishitaka様

    教えてくださった記事とコードを参考にし追記してみた所、無事音ありでスマホでも表示される様になりました。

    ありがとうございました!

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。