html video won't play on iPad/iPhone

1
votes

I've spent too many hours trying to fix that issue. This code works just fine in desktop:

 <video id="myVideo"  controls="true" >
    <source src="<spring:url value="/img/irewindIphone.mp4"/> " >
 </video>

I've removed width, type, auto-play to narrow down the possible causes.

The problem is on iPad and iPhone where only a cut play image appears on a black background. I've converted the video to be supported by iPad or iPhone:

  • Video Format: MP4, MOV, M4V
  • Video Size: up to 640x480
  • Video Framerate: up to 30fps
  • Video Bitrate: up to 1.5Mbps for H.264, or 2.5Mbps for MPEG-4
  • Audio: AAC up to 160Kbps, 48kHz

No luck.

I don't know what else I could do. Thanks in advance!

1
htmliphoneipadvideo-streaminghtml5-video
I found this post and their answer indicates an environment problem. I run my web app on local host and connect to my IP so it can't be that. – bogdan.rusu
According to this answer with the same issue I think it would help. – Mehdi Shahamirian

1 Answers

0
votes

I had the same issues. If you are using safari , you need to install QuickTime player. If you use Opera Mini, there is nothing we can help you. Other browser supports video tag properly. But PC version of opera needs .ogg format.