My website’s videos won’t play on ios devices. They’ll play on desktop and in the mobile viewer but not on actual iphone no matter the browser. It doesn’t matter what video or format, I’ve tried several formats and videos, if it’s a video uploaded to server it won’t show in iOS. The only vids I’ve gotten to show up are ones sourced from URLs.
<video playsinline controls>
<source src="novaHowl2.mp4" type="video/mp4">
<source src="novaHowl2.ogg" type="video/ogg"></video>
I’ve made my entire website https://www.huskybiz.com just a video of my dog which you would see just fine unless you’re looking on iphone.
2
Answers
Couple of things to try:
Use absolute URLs in ‘Video src’ attribute(to do this you can upload the video in pvt youtube channel and just post the link there)
Some devices may take little extra time to load the video
Change the mobile device and try
You don’t have to use the source tag, as per the documentation about the html 5 audio and video tag on Apple Developers site, you just have to use the video tag and add your source file to src. in your case, it would be like:
For more information you can checkout the documentation on https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Introduction/Introduction.html