How to embed a YouTube video in my YABB forum

How to make a favicon

Adding images into my YaBB forum

Advertising in the satsig forum

Embedded YouTube video not working on iPad problem.

This applies if you are preparing a web page to go on an internet server. It does not apply when entering a text message into a forum such as YaBB.

I followed the instructions ( as of 5 July 2013 ) on the YouTube web site, under the YouTube picture, about "Share" and "Embed" and the three options for different texts text to include in my html web page.

The new <iframe> version did not work at all:
<iframe width="420" height="315" src="//www.youtube.com/embed/L6vUeNf2wqU?rel=0" frameborder="0" allowfullscreen></iframe>

The old <object> version did work with Internet Explorer on a PC and with HPwebOS on a black HP tablet device.  It did NOT work on an iPAD.
The embed code (old version) copied from YouTube looked like this:
<object width="420" height="315"><param name="movie" value="//www.youtube.com/v/L6vUeNf2wqU?hl=en_GB&amp;version=3&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/L6vUeNf2wqU?hl=en_GB&amp;version=3&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
The above did not work on iPAD.

I noted that the links to www.youtube.com started with just //

I added http: in front of both links like so:
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/L6vUeNf2wqU?hl=en_GB&amp;version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/L6vUeNf2wqU?hl=en_GB&amp;version=3" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

This new version worked OK for both PC and iPad. See below:


Having sorted that with the 'old' code I thought I would try editing the new <iframe> code in a similar manner:
<iframe width="420" height="315" src="http://www.youtube.com/embed/L6vUeNf2wqU?rel=0" frameborder="0" allowfullscreen></iframe>

Brilliant, that works as well.


Send us an email eric@satsig.net if you have any comment or explanation. I can add your comments here below:

13 Sept 2013:   email message from someone who found this page:
"The fix you put up at https://www.satsig.net/images/youtube-on-ipad.htm worked!!!
Really want to thank you for posting it"

 

► Page created 5 July 2013, updated 7 August 2015. Eric Johnston