IMPORTANT MESSAGE REGARDING THE FORUM

As you may already know, the JoomlaWorks Forum is powered by Kunena (the only decent forum component for Joomla).

Unfortunately, the latest update for Kunena has seemingly broken all code snippets (old and new) in the forum.

Until this message is removed, please paste any code as regular text - in other words, don't use the [code]...[/code] tags in Kunena's post editor.

Keyword

AllVideos not playing on iOS (iPhone and IPad)

  • Ken Cawley
  • Ken Cawley's Avatar Topic Author
  • Offline
  • New Member
More
11 months 3 weeks 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
11 months 3 weeks ago #177570 by Fotis
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.

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

More
11 months 3 weeks ago #177571 by Fotis
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.

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

  • Ken Cawley
  • Ken Cawley's Avatar Topic Author
  • Offline
  • New Member
More
11 months 3 weeks 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
11 months 1 week ago #177624 by Fotis
If you remove your video tag then, AllVideos will work just fine. :)

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


Powered by Kunena Forum