[FIXED] How to embed YouTube in BYOND? Flash is gone

ID:2295609
 
Sep 19 2017, 9:24 pm (Edited on Oct 20 2017, 1:17 pm)
Code:
<embed src="http://www.youtube.com/v/9v-9BBiC0VU&hl=en&rel=0&fs=1" type="application/x-shockwave-flash"allowfullscreen="true" width="1" height="1"></embed>


Problem description:

YouTube recently broke Flash embedding on youtube about 4 days ago, as you can probably see in the example code

So in order to do this, we need to get the iframes or something here to work:
https://developers.google.com/youtube/ player_parameters#IFrame_Player_API

but my problems with doing this is that so far, i haven't been able to get this to work in BYOND's browser windows without getting barraged by javascript errors. Anyone got a working implementation?
Sep 24 2017, 5:38 pm
youtube:9v-9BBiC0VU



If you are using IE, stop.
Sep 24 2017, 11:09 pm
This isn't about embedding a youtube video on the website

i'm trying to embed it inside a byond application, using the ingame browse() function

I specifically need the functionality which can autoplay and loop the video, which was working in the shockwave-flash version until 4 days ago when youtube cut off support

BYOND uses IE7 for the ingame browser so we do need to think of an actual solution to this problem.
Sep 24 2017, 11:56 pm
BYOND doesn't use IE7. It uses the user's intalled IE in compatability mode.

You can force IE out of compatability mode using the meta header:

http://www.byond.com/forum/?post=1823526

Check out that page for an example.

Once you've done that, you are now running an HTML5 enabled page... You probably don't want to be supporting users running anything less than IE9-10 though. The link I posted above will add client variables that will let you work out the user's browser version and either develop a workaround or kick them out of game accordingly.
Sep 25 2017, 12:12 am (Edited on Sep 25 2017, 12:20 am)
Even trying that, i'm still not able to get any YouTube embed to work

this is the closest I get to victory

<iframe id="ytplayer" type="text/html" width="640" height="360"
src="https://www.youtube.com/embed/ M7lc1UVf-VE?autoplay=1&origin=http://example.com"
frameborder="0"></iframe>

Complains about javascript not being enabled, but putting a <SCRIPT type="text/javascript"> before it makes the youtube object not appear at all, and overriding the compatability mode does nothing.



Sep 25 2017, 12:31 am
Some idiot at Microsoft decided to ship IE11 with javascript disabled by default.

You have to enable javascript:

https://www.technipages.com/ internet-explorer-enabledisable-javascript

Also, give this embed a try:

<iframe width="420" height="315" src="http://www.youtube-nocookie.com/embed/M7lc1UVf-VE?autoplay=1" frameborder="0"></iframe>
Sep 29 2017, 4:00 pm
Still not able to get it to work with that code, even with the latest byond update

hrgh. scripting is not my strongsuit.
Oct 20 2017, 12:57 pm (Edited on Oct 20 2017, 1:04 pm)
 
<!DOCTYPE html>
<HTML>
<HEAD>
<META http-equiv="X-UA-Compatible" content="IE=edge">
</HEAD>
<BODY>
<iframe width="420" height="315" src="http://www.youtube-nocookie.com/embed/M7lc1UVf-VE?autoplay=1" frameborder="0"></iframe></BODY>
</HTML>


This is the closest i've gotten this to work.
I'm beginning to think this is a BYOND glitch.

Everything loads except the youtube videos.

Also attempted implementation of this: https://codepen.io/SitePoint/pen/CKFuh
Oct 20 2017, 1:09 pm
okay, so the code works/runs in a Browser input that has "Auto-format" enabled.

You can't actually see the video, but you can hear it, so this is a start. now i just need to get it to loop
Oct 20 2017, 1:17 pm
I can FINALLY Put this to rest

<!DOCTYPE html>
<HTML>
<HEAD>
<META http-equiv="X-UA-Compatible" content="IE=edge">
</HEAD>
<BODY>
<iframe width="640" height="360" src="https://www.youtube.com/embed/RFZrzg62Zj0?rel=0&autoplay=1&loop=1&playlist=RFZrzg62Zj0" frameborder="0" allowfullscreen></iframe></BODY>
</HTML>


Apparantly Playlist HAS TO BE SPECIFIED in the url, or everything just stops working.

I can now update all of my games. Thanks !
Oct 21 2017, 7:23 pm
You are a god. I have been trying to solve this for a while.

Also... after playing around with this a bit...

<!DOCTYPE html>
<HTML>
<HEAD>
<META http-equiv="X-UA-Compatible" content="IE=edge">
</HEAD>
<BODY>
<iframe width="640" height="360" src="https://www.youtube.com/embed/RFZrzg62Zj0?rel=0&autoplay=1&loop=1&playlist=" frameborder="0" allowfullscreen></iframe></BODY>
</HTML>


It doesn't have to have an actual playlist. The tag just has to be there.
Feb 5 2018, 6:27 am
Hey guys, i'm going to level with you both, i love you both so much. I'd have given my first born to get this to work. Now it finally does!!!!!!!