スマホでvideoを再生できない

スマホで動画を再生できるようにしたい

Laravel8で開発をしています。PCでは動画を再生することができましたが、iPhone7では再生することが出来ませんでした。
動画の長さは3分程度です。

該当のソースコード

PHP
1@foreach($video_path as $path)
2  <video src="{{ asset($path) }}" playsinline preload="none" controls></video>
3@endforeach

試したこと

Laravelを使わずにスマホで試したときは動画を再生することが出来ました。(xampp)

HTML
1<video src="Anime/public/video/196glod0183_1.mp4" playsinline preload="none" controls></video>

https://wp-master.club/video_tag_mp4_iosの記事を読みplaysinlineを追加した。

原因や解決方法を教えていただきたいです。よろしくお願いします。

tabuu

2021/07/02 03:38

Laravelで出力しているvideoタグのclass属性を削除したらどうなりますか？

Yoshimasa1024

2021/07/02 14:23

解答ありがとうございます!! class消してみましたが、変わりませんでした。

tabuu

2021/07/02 22:26

Laravelで出力しているHTMLのソースと見比べてみてください。「Laravelを使わずにスマホで試したとき」と全く同一でしょうか？

Yoshimasa1024

2021/07/03 02:55 編集

Laravel出力 <video src="http://IPアドレス:8000/video/196glod0183_1.mp4" playsinline="" preload="none" controls=""></video> xampp出力 <video src="Anime/public/video/196glod0183_1.mp4" playsinline="" preload="none" controls=""></video> srcのパスが違います。

tabuu

2021/07/05 06:15

http://IPアドレス:8000/video/196glod0183_1.mp4 をブラウザのアドレス欄に入力したら再生されますか？ブラウザのアドレス欄にURLを入力して再生される場合は以下を確認してみてください。・ページがhttpsになっている・divタグの閉じ忘れなどでHTMLが壊れていないか・動画ファイル側でアクセスを弾いていないか