3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Rails】video_tagで動画が再生されない

Posted at

#Railsのvideo_tagを使用した実装

Railsで画像を表示させる時はimage_tagを使用しますが、動画を再生したい時にはvideo_tagを使用します。
ところがどっこい動画が再生されないのはどうしてなのでしょう!
ちなみにRailsの公式ドキュメントは以下です。

Rails公式ドキュメント【video_tag】

#再生されない記述

<% @posts.each do |post| %>
 <%= video_tag(post.movie, size: "500x300", autoplay: true) %>
<% end %>

postsテーブルのmovieカラムからデータをとってきています。
動画サイズを500×300に指定、autoplay: trueとすることで自動再生されるはず、、、されません。

#原因とコード追加
Rails公式ドキュメントを見てもらえればわかる通り、mutedというオプションがあります。
デフォルトだとmuted: folseとなっており、音声再生が行われる状態になっています。
自動で音声などが再生され始めるとユーザーにとって負担となるため、Chromeではautoplaymutedがどちらも有効になっていないと自動再生されないようです。
mutedを追加した記述が以下です。

<% @posts.each do |post| %>
 <%= video_tag(post.movie, size: "500x300", autoplay: true, muted: true) %>
<% end %>

#おわりに
読んでいただきありがとうございました。
どなたかの動画再生で役に立てば幸いです。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?