webmの動画がPCでしか再生されない

Question

前提・実現したいこと

サイトに動画を入れたいのですが、PCでは動画が再生されるのですが、
スマホやタブレットでは表示されなくて困っております。
https://korede.life/somanics/

該当のソースコード

<section id=video_box>
    <div class="video_box pc">
        <video preload="metadata" playsinline autoplay muted loop poster="<?php echo get_template_directory_uri(); ?>/img/curry/curry_anime_pc.jpg" src="<?php echo get_template_directory_uri(); ?>/img/curry/currys.webm""></video>
    </div>
    <div class="video_box sp">
        <video preload="metadata" playsinline autoplay muted loop poster="<?php echo get_template_directory_uri(); ?>/img/curry/curryrice_anime_sp.jpg" src="<?php echo get_template_directory_uri(); ?>/img/curry/currys_2.webm""></video>
    </div>
</section>

試したこと

3MB以下なら表示されるなどの記載があったのでサイズを落としましたが再生されませんでした。また、playsinlineを加えることで再生されるとありましたが代わりありませんでした。

Comments

[m.ts10806]

mp4にされては？

[tensais1]

ありがとうございます！重たかったのでwebmにしてましたが、mp4でも圧縮できたのでmp4にしたら再生されました！

[m.ts10806]

それで良いのでしたら自身で回答を投稿して自己解決としてください。

Answer 1

mp4にする。webmは諦める