ios - วิดีโอ HTML ใช้งานไม่ได้บนอุปกรณ์ Apple (Chrome/Safari/อื่น ๆ) Angular

มีปัญหาประหลาดที่วิดีโอไม่เล่นอัตโนมัติสำหรับอุปกรณ์ของ Apple และเล่นก็ต่อเมื่อเลื่อนหน้าแล้วหยุดหลังจากไม่กี่เฟรม ในขณะที่มันทำงานได้อย่างสมบูรณ์บนอุปกรณ์ Windows และ Android ทุกอุปกรณ์ถูกทดสอบด้วยเบราว์เซอร์ Chrome

ฉันกำลังใช้โค้ดบรรทัดนี้เพื่อให้วิดีโอของฉันเล่นอัตโนมัติเมื่อดีพลอย และมันใช้งานได้กับอุปกรณ์ทั้งหมด ยกเว้นอุปกรณ์ของ Apple แม้กระทั่งบนเบราว์เซอร์ Chrome

<video class="logo-video animated fadeInUp" loop autoplay muted oncanplay="this.play()" onloadedmetadata="this.muted = true">
<source src="../../../assets/videos/log.mp4">
</video>

ฉันได้หาวิธีอื่น ๆ ให้การเล่นอัตโนมัติทำงานตอน deploy แต่ นี่คือวิธีแก้ปัญหาเดียวที่ฉันมีใน Angular วิดีโอไม่มีเสียงและถูกปิดเสียงอยู่แล้ว ซึ่งไม่ควรเป็นปัญหา

คำตอบ #1

Safari เพิ่งเริ่มป้องกันไม่ให้วิดีโอที่มีแทร็กเสียงเล่นอัตโนมัติเป็นค่าเริ่มต้น คุณอาจต้องการดูสิ่งนี้เพื่อหาวิธีแก้ปัญหานี้:

https://stackoverflow.com/a/50170196/10317969