Video not showing when page loads up but fixes when you press on it.

Hello all, the video when the page loads it shows the beginning of the video and it works fine in PC. However, when I load it in my android phone, the video have this background in the image. Is there a way to fix this or... is it because phones have different rules with the videos?
<article class="cards">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quis ipsum odio ratione obcaecati amet, ea ipsa ab fugiat esse alias, iusto sint exercitationem itaque accusantium quisquam perspiciatis aut asperiores in.
A inventore quod ratione quaerat vitae! Fugit repudiandae doloribus dicta recusandae explicabo amet consequuntur accusantium! Voluptas blanditiis, nemo assumenda magnam, numquam dolore sapiente, quod id illo debitis eos molestias nam.</p>
<video class="card-back-video" loop muted>
<source src="./videos/card1.mp4" type="video/mp4">
</video>
</article>
<article class="cards">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quis ipsum odio ratione obcaecati amet, ea ipsa ab fugiat esse alias, iusto sint exercitationem itaque accusantium quisquam perspiciatis aut asperiores in.
A inventore quod ratione quaerat vitae! Fugit repudiandae doloribus dicta recusandae explicabo amet consequuntur accusantium! Voluptas blanditiis, nemo assumenda magnam, numquam dolore sapiente, quod id illo debitis eos molestias nam.</p>
<video class="card-back-video" loop muted>
<source src="./videos/card1.mp4" type="video/mp4">
</video>
</article>
5 Replies
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
kingtigerknight
kingtigerknight•2y ago
Ah interesting. Do you know what to search to learn this fallback? I'm assuming it's something to do with javascript?
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
kingtigerknight
kingtigerknight•2y ago
thanks 🙂
Unknown User
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View