Youtube Video in iWeb "html Snippet" is Blank?

Question

Youtube Video in iWeb "html Snippet" is Blank?

The html Snippet Widget shows an unhappy face icon when I publish the site to the internet in preview form. In iWeb itself the video shows up as a blank box on my site when I load the "embed" text from the Youtube video into the black box window and hit "apply".

Here is the Youtube Embed text if it helps to analyze it. <iframe width="560" height="315" src="//www.youtube.com/embed/GdC9WLhUum0?rel=0" frameborder="0" allowfullscreen></iframe>

I can successfully load the Youtube Widget but I dislike the 4 x 3 format with excessively large top/bottom black bands and control bar. I prefer the 16 x 9 format of the html Snippet, but it needs to function.

Help please.

Dan

Posted on Jul 10, 2014 3:42 PM

Reply

Answer 1

Best reply

Ethmoid

Level 6

11,482 points

Jul 11, 2014 12:39 AM in response to Daniel Monskey

Okay, it is simple. The video will not work because there are mistakes in the code that you have posted - if the code is incorrect then it won't work.

Where you have src="//www.youtube.com/embed, the code should in fact be as follows:

src="http://www.youtube.com/embed

I have just opened iWeb on my Mac and copied and pasted the code, but then changing it to http:// and the video works perfectly - comes up with someone in a canoe and is entitled River Discipline.

Reply

Answer 2

Jul 11, 2014 1:19 AM in response to Ethmoid

Nice! Incredibly insightful, simple and effective. Great understanding of code.

Thank you VERY MUCH for your time and attention to my query.

Dan

Reply

Answer 3

Wyodor

Level 6

19,930 points

Jul 11, 2014 1:33 AM in response to Ethmoid

It's not a mistake.

Some searching will explain it :

http://www.google.com/search?q=why+is+http:+missing+from+the+url

It's by design. By not defining a protocol in the embed, it allows the client browser to use which ever protocol (HTTP or HTTPS) depending on the current state of the browser.

In other words, if you are on your banking site on a secure page using HTTPS, clicking on the embed will request the video also in HTTPS.

The same code when used on an unsecured page will request the video via HTTP.

Reply