質問: いつもお世話になっております。 現在AmazonLinuxでwebページを作成していたのですが、サポートが切れるため、AmazonLinux2へサーバーを移行している状況です。 動画を投稿し、見ることができるSNSのようなサイトなのですが、前回のAmazonLinuxと今回のAmazonLinux2で同じコードを書いた場合に、videotagでステータスバーの表示が変わり動画も再生されなくなりました。 PCのchromeでは以下の画像のようにステータスバーが変わり、再生ボタンを押すと、バー自体は右に流れていくのですが、動画は動かない状況です。 今回の動かないステータスバー ![](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/2a58ace759e860f1dafbca3fea9fcaaf.jpeg) 前回正しく動いていた時のステータスバー ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/45c4e2d4218f37df26a7641957140849.jpeg) 手元にあるiPhoneのSafariブラウザでは前回と同じステータスバーであり、動画も正しく表示されます。 どういったことが考えられますでしょうか。 ご教示いただけますと幸いです。 よろしくお願いいたします。 ``` show.html.erb <%= video_tag "/uploads/#{params[:xxx]}/#{vid}", :poster => image_path("/uploads/#{params[:xxx]}/#{vid}.jpg"), :style => "border:solid 2px #aaaaaa", :controls => true, :width => width, :height => height %> htmlソース ```
回答: ファイルの種類の問題のような気がします。 web上で動画を再生するのなら、`mp4/webm/ogv`のどれかなので、それに変換してみてください。