I am on chrome. I have the below html5 video tag..

<video id="video" controls="" preload="none">
  <source src="https://res.cloudinary.com/app-doc/video/upload/v1589548326/app-development/projects/19/users/3/videos/medium/38/stdguueyozbbiekybqtm.mov">
  <source src="https://res.cloudinary.com/app-doc/video/upload/v1589548326/app-development/projects/19/users/3/videos/medium/38/stdguueyozbbiekybqtm.mp4" type="video/mp4">
  <source src="https://res.cloudinary.com/app-doc/video/upload/v1589548326/app-development/projects/19/users/3/videos/medium/38/stdguueyozbbiekybqtm.webm" type="video/webm">
  <p>Your browser does not support HTML 5 Video</p>
</video>

When the page loads, I see audio is coming but the video player is white, no video. Once I remove all the source tag, but keep <source type="video/webm">then the page playing the video as expected. What is wrong with the multiple source inputs like I have?

I edited the URL for not exposing it. So it will be 404. 🙂

Post image



Source link

Write A Comment