HTML5 video embed suddenly not working on Safari

Hi everyone!

We’ve suddenly in a bit of a pickle. We’ve always embedded our videos on our websites using custom HTML5 coding and they’ve worked a treat. Until today…Our videos are still working perfectly on Chrome but they don’t work on Safari anymore. The funny thing is, if you right click on the videos open in a new tab, it works fine.

Does anyone know why this could be suddenly happening?

Here’s and example of the code we have:

<video width="100%" height=”auto” controls poster="https://dl.dropbox.com/s/ea8dwcd83dyg9zh/Jurson-Advisory-Web-Home.jpg">
 <source src="https://dl.dropbox.com/s/x04mw3c6b8b89l5/Jurson%20Advisory%20-%20Web%20-%20Home.mp4" type="video/mp4" />
  <source src="https://dl.dropbox.com/s/4tpdtktzwu6yc9l/Jurson%20Advisory%20-%20Web%20-%20Home.webm" type="video/webm" />
  <source src="https://dl.dropbox.com/s/1qb9pk1q792udve/Jurson%20Advisory%20-%20Web%20-%20Home.ogv" type="video/ogv" /> 
</video>

Thanks everyone!


Here is my site Read-Only:

https://preview.webflow.com/preview/jurson-advisory?utm_medium=preview_link&utm_source=designer&utm_content=jurson-advisory&preview=5fc49742d640ac04d6c6b640f84a753e&mode=preview

2 Likes