[forum] vervang embed code van youtube

[ieperlingetje]

Misschien een idee om de Youtube embed code van http://youtube.com/v/Video_ID te gaan vervangen door http://youtube.com/embed/Video_ID. Voor dat jullie dat als nutteloos gaan bestempelen, toch een paar argumenten:

-devices die geen flash ondersteunen (iPhone en iPad) kunnen toch de youtube filmpjes gaan afspelen
-SWFobject is niet meer nodig waardoor de pagina lichter is en sneller laad
-en (wat de hoofdreden voor mij is): bij de HTML5 player verliest de cursor niet de focus aan de player, waardoor je eindelijk vlot kan scrollen, gedaan met de ergernis waarom een topic weer niet scrollt.


En nu ga ik proberen te stoppen met suggesties aan te halen in dit forum, straks heb je een full-time devver nodig om al mijn verzoeken te implementeren

[crisp]

Ik zie liever een generieke oplossing voor alle soorten video's en niet alleen voor youtube.

Dat gezegd hebbende:

SWFobject is niet meer nodig waardoor de pagina lichter is en sneller laad

De overhead van SWFObject is minimaal en vertaald zich naar een <object> of <embed>. De youtube embed methode werkt met iframes welke zeker voor meer overhead zorgen en daarmee juist nadeliger zijn voor de clientside performance (en misschien nog wel meer nadelen heeft; dat zal dan nog nader bekeken moeten worden).

bij de HTML5 player verliest de cursor niet de focus aan de player

Daar heb ik persoonlijk nooit last van

En nu ga ik proberen te stoppen met suggesties aan te halen in dit forum, straks heb je een full-time devver nodig om al mijn verzoeken te implementeren

Daarom zoeken we ook nog steeds devvers

[ieperlingetje]

Vreemd, bij mij wordt onder FF, safari en chrome het scroll event afgevangen door de youtube player, waardoor ik dus niet over de pagina kan navigeren met het scrollwheel, maar da's een bug van flash zelf, niet van GOT.

Van de overhead lijkt het al bij al mee te vallen, slides van Google I/O event geven aan dat er idd extra javascript geladen moet worden, maar dat de overall experience vlotter zou zijn.

(bron: http://static.googleuserc...e_future_of_embedding.pdf)

[crisp]

ieperlingetje schreef op zondag 05 juni 2011 @ 21:51:
Vreemd, bij mij wordt onder FF, safari en chrome het scroll event afgevangen door de youtube player, waardoor ik dus niet over de pagina kan navigeren met het scrollwheel, maar da's een bug van flash zelf, niet van GOT.

Ik heb dat inderdaad wel eens op andere sites, maar zover ik weet gaat de wmode="opaque" die wij toekennen aan de embed-code dat juist tegen.

Van de overhead lijkt het al bij al mee te vallen, slides van Google I/O event geven aan dat er idd extra javascript geladen moet worden, maar dat de overall experience vlotter zou zijn.

(bron: http://static.googleuserc...e_future_of_embedding.pdf)

De totale overhead is wel degelijk groter; je hebt alleen wel profijt van een stuk paralellisering waardoor de 'main page' wellicht sneller gerendered kan worden.

Even een youtube embed uittesten hier:

[crisp]

En meteen een groot nadeel daarvan gevonden: hij is altijd 'on top' - HTML overlays kunnen er niet overheen...

De overhead tov een gewone embed aan html, css en js is overigens een dikke 70KB (en dat is gecomprimeerde size) hetgeen ik toch behoorlijk fors vind.

[Voor 40% gewijzigd door crisp op 05-06-2011 22:30]

[ieperlingetje]

70KB per player :x . oeps, heb even de html code van /embed/ bekeken, en blijkt dat de css en js bestanden voor elk filmpje een andere bestandsnaam hebben. Overhead is dan inderdaad groter dan ik dacht.

[Badeend]

crisp schreef op zondag 05 juni 2011 @ 22:10:
En meteen een groot nadeel daarvan gevonden: hij is altijd 'on top' - HTML overlays kunnen er niet overheen...

Je kunt ?wmode=opaque toevoegen aan de src, dan kun je er weer overlays overheen pleuren.

Overigens zit ik nogal eens op m'n ipad te browsen en elke keer als ik een video wil bekijken op GoT moet het ding weer zo nodig overschakelen naar de youtube app, dus wat dat betreft ben ik voor de iframe oplossing

[crisp]

Badeend schreef op woensdag 08 juni 2011 @ 22:21:
[...]


Je kunt ?wmode=opaque toevoegen aan de src, dan kun je er weer overlays overheen pleuren.

Ah, dat werkt inderdaad

Overigens zit ik nogal eens op m'n ipad te browsen en elke keer als ik een video wil bekijken op GoT moet het ding weer zo nodig overschakelen naar de youtube app, dus wat dat betreft ben ik voor de iframe oplossing

ik ben liever voor een oplossing die werkt voor alle video's