サポート » テーマ » 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’」を削除する形にしてみてある状態です。

    • この返信は5年、 6ヶ月前にmomonutsが編集しました。
    • この返信は5年、 6ヶ月前にmomonutsが編集しました。

    こんにちは

    スマホに関しては、下記のトピック(英語)が参考になると思います。
    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' );
    トピック投稿者 momonuts

    (@momonuts)

    ishitaka様

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

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

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「Twentyseventeenのヘッダーメディア」には新たに返信することはできません。