サポート » テーマ » sydneyテーマでのヘッダー動画 iPhone自動再生の件

  • 件名の通りなのですが、自動再生するにはおそらくvideoタグへ、playsinlineを追記しないといけないと思いますが、どのファイルをいじればよろしいでしょうか?
    ご教授お願いいたします。

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

    (@du-bist-der-lenz)

    ヘッダーの種類で、動画を選ぶだけだと思いますが

    はい、追加自体は出来て、表示もされているのですが、iosのみ自動再生にならないもので。

    https://www.plusdesign.co.jp/blog/demo/201712/video/
    ここではiPhoneで自動再生出来ているようで、ソースの違いを見たところ、playsinlineだけ、sydneyで欠けていたもので。

    どこのファイルをいじれば追記出来るか質問いたした次第です?

    CG

    (@du-bist-der-lenz)

    sydney_header_video();

    下記ページが参考になると思います。
    https://forums.athemes.com/t/video-header-in-iphone/27465

    コアファイルを編集せずに修正するには、下記ページが参考になると思います。
    https://teratail.com/questions/88486

    ありがとうございます!うまくiphoneで自動再生になりました。

    もうひとつ質問なのですが、表示された直後、動画の下部にプレイヤーコントロールのようなボタン類が表示されるのですが、それを消すには、どのようにすればよろしいのでしょうか?

    よろしくお願いいたします。

    CG

    (@du-bist-der-lenz)

    showControlsが、デフォルトで表示だからでしょう。

    はい、ありがとうございます。

    具体的にどこにどのように非表示と記載すればよろしいのでしょうか??

    iPhone が手元にないのでわからないのですが、下記ページの方法ではどうでしょうか?
    https://codeday.me/jp/qa/20181224/77388.html

    再度、ありがとうございます!

    はい、自分もこれかなと思いまして、CSSへ追加してみたのですが、
    同じく手元にiPhoneがないもので、後で実機でチェックしてみようかと思っております。

    またご報告させていただきます!!

    うまくいくと思ったのですが、、、ダメでした。

    他に方法ないものでしょうか?

    これではどうでしょうか?

    wp-custom-header.js:

    video.addEventListener( 'canplay', function() {
    	handler.showControls();
    });

    video.addEventListener( 'canplay', function() {
    	video.removeAttribute( 'controls' );
    	handler.showControls();
    });

    再度、ありがとうございます!

    chromeのデベロッパーツールで見てるのですが、上記ソースを加える前は、videoタグ内の最終の箇所に「controls」と表示されたままだったのですが、
    ソース追加後は、一瞬表示はされて、1秒後くらいに消えるようになりました。

    ただ実機で確認すると、やはりコントロールパネルは表示されたままですね。

    wp-custom-header.jsが原因ではないのでしょうか??

    一瞬表示はされて、1秒後くらいに消えるようになりました。

    ちょっと分からないですね。実機がないので・・・m(__)m

    はい、いろいろありがとうございました。

    とりあえず自動再生はおかげさまでかないましたので、当面これでいこうかと思います。

    本当にありがとうございました。

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