Why can't I view videos on certain browsers?

[YasSharabi]

Cant figure out why this is.... I have a few videos on my website (Im using the Simple theme) and if I view my website from Google Chrome on my computer, they aren't visible. If I view them through Safari, its fine. Plus, It works on Google Chrome from my phone but not from other phones. Ive updated Google Chrome and it still doesn't work. Any advice?

[Subhranil]

Click to expand...

Hello @YasSharabi 

Please share your website link. If password protected then send frontend password too.

[YasSharabi]

Click to expand...

Hi! It’s hirbawigcc.com 

if you check out the About or Our History pages, you will likely see the videos aren’t playing (if you’re using chrome). They work on Safari though. 

[Subhranil]

Hello @YasSharabi 
Seems the problem is your HTML code. I have noticed that you added video files in img tag. You have to use HTML5 video tag for that. You can update it or contact me for fixing it.
If helpful then please Like and Accept as a Solution.

[YasSharabi]

Hi, but then why do the videos play in Safari?

How much would you charge to fix it? On another note, do you also help with SEO ?

Thank you!

Yasmin

[Subhranil]

Hello @YasSharabi 
Few modern browsers are automatically updated/fix HTML issues from the browser's end. For examples, Firefox can add missing DOM elements.

[MarcosJavi]

Hello, I need help with this exact issue. My video will autoplay on the background in Safari browsers but not on Chrome. How do I fix it? The website is rtacanarias

[Subhranil]

Hello @MarcosJavi 
Seems it's the video decode/format issue. Try to use use mp4 video or contact me if you want me to fix it.

[MarcosJavi]

It worked! changing to mp4 format solved the issue. However there is another one, on mobile the video stays always on top, overlapping the menu bar. How can I solve this? Thanks a lot

[Subhranil]

Hello @MarcosJavi 
Please use the css on your CSS file (component-list-menu.css).

.videoBox {z-index: 1;}
#menu-drawer {z-index: 99999999;}

Please like my comments if you think you are satisfied. Thanks!

[MarcosJavi]

Amazing, it worked again 🙌

[SamuelMaillard]

Hello

I have more or less the same issue. I added videos on website and those videos worked perfectly but now they sometimes block or don't work at all. 

Could you help me ? My website is https://www.bloum-digital.com/collections/nos-produits

Thank you 

Samuel

[Andrealoufy]

Hi Subhranil, I'm having the opposite problem - using the shopify text editor, videos added don't show up on Safari browsers but work with everything else - would you please be able to help? My website is www.pararidefold.com