Keyword

AllVideos not playing on iOS (iPhone and IPad)

  • Ken Cawley
  • Ken Cawley's Avatar Topic Author
  • Offline
  • New Member
More
3 years 4 months ago #177548 by Ken Cawley
My video (bottom page d4tm.org/confidence) appears with a slash through the play control on iOS devices. Tested with both iPhone and iPad. Tested fine in Chrome, Mozilla and Edge on PC and Chrome on phone.

Please Log in or Create an account to join the conversation.

More
3 years 4 months ago #177570 by JoomlaWorks
Replied by JoomlaWorks on topic AllVideos not playing on iOS (iPhone and IPad)
AllVideos simply triggers the native video player of each browser. If something looks weird on iOS, perhaps it's some other element overlapping with the player.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

More
3 years 4 months ago #177571 by JoomlaWorks
Replied by JoomlaWorks on topic AllVideos not playing on iOS (iPhone and IPad)
I think I found your issue...

As I can see in Safari, the player does not work.

Check your HTML output, I see that it actually breaks. For some reason, the <video> tag does not close properly. I assume it's JCH as the messed up output is the one generated by AllVideos (which you can't specifically override). Chrome and Firefox are better at handling broken HTML (so much for Apple's "superior" browser Safari).

Disable JCH or anything else that could modify your HTML output and check again.

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Ken Cawley
  • Ken Cawley's Avatar Topic Author
  • Offline
  • New Member
More
3 years 4 months ago #177582 by Ken Cawley
Replied by Ken Cawley on topic AllVideos not playing on iOS (iPhone and IPad)
Thanks. This is definitely an iOS problem. I temporality disabled AllVideos and put in a simple video tag and source which exhibited the same playback problem on my iPad. Feel free to close the topic. I've seen other references to the problem so if I find a solution, I'll reopen it and provide it for others.

BTW, the missing </video> tag was from my original video code being turned into two, one at entered size (750 x394) and one using the plugins default size (600x450). The default plugin was closed with </video> but the original code was closed after at the second one.
Original:
<div class="avPlayerWrapper avVideo">
<div class="avPlayerContainer">
<div id="AVPlayerID_1" class="avPlayerBlock">
<video class="avPlayer" style="width:750;height:394px;" src="/images/videos/confidence-750-394_1.mp4" preload="metadata" autoplay="" loop="" controls="" controlslist="nodownload" muted="">{mp4}confidence-750-394_1{/mp4}
</video>
</div>
</div>
</div>
Code created:
<div class="avPlayerWrapper avVideo">
<div class="avPlayerContainer">
<div id="AVPlayerID_1" class="avPlayerBlock">
<video class="avPlayer" style="width:750;height:394px;" src="/images/videos/confidence-750-394_1.mp4" preload="metadata" autoplay="" loop="" controls="" controlslist="nodownload" muted="">

<div class="avPlayerWrapper avVideo">
<div class="avPlayerContainer">
<div id="AVPlayerID_0_b96a67a16cd917cbd68d9b7ec0fb14c3" class="avPlayerBlock">
<video class="avPlayer" style="width:600px;height:450px;" src="/images/videos/confidence-750-394_1.mp4" preload="metadata" controls controlsList="nodownload"></video> </div>
</div>
</div>
</video>
</div>

Please Log in or Create an account to join the conversation.

More
3 years 4 months ago #177624 by JoomlaWorks
Replied by JoomlaWorks on topic AllVideos not playing on iOS (iPhone and IPad)
If you remove your video tag then, AllVideos will work just fine. :)

Fotis / JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum