Railsのvideo_tagで動画を自動ループ再生し、停止を禁止する（Safariブラウザで）

Question

いつもお世話になっております。

現在Railsでウェブページを作成しております。
動画を送信するコードを書いており、送信時間が長いため「送信中」のメッセージと送信中を表す「ぐるぐる」まわるgifを配置しおります。

しかしiPhoneのSafariブラウザではgifが再生できないことが分かったため、gifをmp4に変換し、動画として自動再生かつループさせ、同じように動作させようと考えております。

以下コードのように記述しており、PCでは問題なく動いているのですが、safariブラウザでは再生ボタンが出てきてしまい、また再生ボタンを押すと拡大表示されてしまいます。
PCと同様の動きになるようにSafariブラウザで動作させるにはどのようにすればよいのでしょうか。

ご教示いただけますと幸いです。
よろしくお願いいたします。

<!-- Safariブラウザで動かない -->
<div id="loading">
  <%= image_tag 'loading.gif' %>
</div>

<!--以下のような形で動かしてたい -->
<div id="loading">
  <%= video_tag "loading.mp4", :autoplay => true, :loop => true %>
</div>

Answer 1

送信中を表す「ぐるぐる」まわるgif

ただ回転するだけであれば、わざわざmp4にするより、CSS3で回転のアニメーションをかけたほうが、ずっと手っ取り早いです（参考）。

Comments

[lyzmfeqpxs54]

いつもご回答ありがとうございます。
ご教示いただいた方法で無事解決することができました。