PSA: Youtube Embed code is fucked up.

[theweaselking]

Embedding: Google has screwed the pooch on their Youtube embed code. They will give you something that looks like this:

"src="//www.youtube.com/embed/K-Op1Mng4oY?rel=0"

Change that fuckedup non-URL to "http://www.youtube.com/embed/K-Op1Mng4oY?rel=0" and the embed will work.

To wit: They've neglected the HTTP: that means "follow this with your browser". Re-add that tag, and your embed will work just fine.

Comments

[frith]

At least they still give you the unique alphanumeric string for the vid in the address bar. That allows me to edit old embed code to play videos sans javascript in those instances where "old code" is not offered. Such can not be said of SoundCloud, which can be a PITA sometimes.

[duskwuff.livejournal.com]

Should work fine in any sane browser. What you have there is what's called a "protocol-relative URL (http://www.paulirish.com/2010/the-protocol-relative-url/)" — it will use whatever protocol (HTTP or HTTPS) was used for the page that embedded it.

[theweaselking.livejournal.com]

Should work fine in any sane browser.

Doesn't work in Firefox means doesn't work at all.

Since Firefox is the only sane browser (by definition) the fact that it doesn't work in Firefox means it doesn't work.

(PS: I checked, doesn't work in IE9 or IE10, either. So, ASSUMING it works in Chrome? Google has changed things so that they only work in their ad-displaying adware-central ad-centric browser. That's fucked up.)

[duskwuff.livejournal.com]

Protocol-relative URLs are used to load images and stylesheets on a ton of major web sites, such as Wikipedia. If they didn't work in every browser in common usage, people would notice.

There's probably something odd about how Livejournal does embeds that's breaking here. Point the finger at them, not Youtube.

[publius1.livejournal.com]

I have had zero problem with, and absolutely adore, Chrome.

[theweaselking.livejournal.com]

I hate the tab-bar position and I really hate its inability to really, truly, properly block google ads.

[strawberryfrog.livejournal.com]

> Doesn't work in Firefox

Are you sure about that. FF people discuss ongoing support for it here (https://bugzilla.mozilla.org/show_bug.cgi?id=362259) and looks like it's supported in IE7 and up. Perhaps you're running into a different issue?

[theweaselking.livejournal.com]

It's possible that livejournal is breaking the non-URLs in an annoying way. Still, they're non-URLs and shouldn't be that way.

[kafziel.livejournal.com]

Except that if every major browser supports that kind of URL, and they have a specific added utility that's actually a really good idea, why shouldn't they be that way?

[skiriki.livejournal.com]

Didn't work in my Opera, for all that is worth; it may or may not be a configuration issue.

[andrewducker]

I suspect it's LJ - you can use // perfectly well in Firefox (I'm doing so in another window for fetching jquery) - but I suspect that sites that expect the http(s) in their embed code fall over.

[kafziel.livejournal.com]

Yeah, copying "//www.youtube.com/embed/K-Op1Mng4oY" into the address bar on my Firefox works perfectly. Brings up the embed video.

[bart-calendar.livejournal.com]

There is also an option on YouTube for "use old embed code" that works.

[chron-job.livejournal.com]

Any idea how to embed Crooks and Liars content? I tried pasting the embed code provided at C&L straight in, I tried pasting that code into the "insert video" gadget.

I even tried pasting in a youtube video, and replaced the relevant address after "src="

when I do so, LJ just removed all the code leaving just an open /and close embed ID tag.


FYI, the content I'm trying to embed to is...

http://embed.crooksandliars.com/embed/MjgwMzYtNzMyMzg

[theweaselking.livejournal.com]

What's the non-embed URL to the story?

[chron-job.livejournal.com]

http://videocafe.crooksandliars.com/scarce/jesse-pinkman-explains-what-lack-health-car

[theweaselking.livejournal.com]

Their generated embed code looks good?

I'm testing it, here and now:

[theweaselking.livejournal.com]

Hmm, not working. Not sure.

[theweaselking.livejournal.com]

Okay, the embedded iframe works *just fine* outside livejournal. This is an LJ-fuckup.

[ashbet]

Anything new on this front? Trying to embed a Kickstarter video, using the instructions provided by LJ here,

The video in question:

https://www.kickstarter.com/projects/82215933/nosferatu-the-feature-film-remix

Very frustrated, because none of the applicable workarounds that I've looked up seem to actually *work* on this, and I'm not particularly expert in coding (I'm at the "can create an HTML page that doesn't look like total ass" level, but I've never done much with video), and LJ selectively chooses what HTML functions users can insert in posts, which is understandable but annoying on this occasion.

-- A <3