Videoløysinga har fått ny embedkode

video.nrkbeta.no tester ut en alternativ embed-kode

Fra tid til annan har det oppstått problemer med embedding av videoer fra video.nrkbeta.no på eksterne blogger. Av ein eller annan merkelig grunn bestemmer WordPress seg i blant for å skrive om embed-koden vår, samt å HTML-enkode ampersands inne i FLASHVARS-attributten (& til & amp;). Dette fører til at JW Player blir forvirra, og embed-koden slutter rett og slett å fungere.

<script> til unnsetning

Den nye embed-koden er enkelt og greitt ei referanse til eit JavaScript som ligg på serveren vår (eksempel her), som vidare inkluderer SWFobject og til slutt spytter ut koden som trengs for å vise videoen.
Med andre ord, heile embed-koden kan sjå slik ut:
<script src="http://video.nrkbeta.no/embed_new/164.js" type="text/javascript"></script>
Ved å gå for denne metoden aukar sannsynet for at videoen blir korrekt avspelt, men vi treng fortsatt litt hjelp.

Testing

Vi har testa løysinga på fleire forskjellige blogger i løpet av dagen og gårsdagen, men vi skulle gjerne hatt litt feedback frå dykk, lesarane.

Om du har ein blogg, hadde vi satt stor pris på om du kunne testa den nye embed-koden, for å så linke til bloggposten din i kommentarfeltet.

Vi vil også gjerne ha litt innspel på eventuelle problemer de ser ved å inkludere JavaScript på denne måten. Vi veit at det er fleire system, for eksempel wordpress.com, som ikkje tillét brukarane å inkludere SCRIPT-elementer i innlegga, men der er det heller ikkje tillatt med verken OBJECT, EMBED eller PARAM, så der er vi uansett like langt. Er det andre populære bloggapplikasjoner som kjem til å skape liknande problemer for denne framgangsmåten?

Som ein sidenotis: Du har kanskje merka at serveren som køyrer videoløysinga har vore litt treig i det siste. Grunnen til dette er at boksen køyrer både tracker, seeder og videoløysinga, og dette blir i blant litt for mykje. Vi skal snart flytte tracker og seeder over på ein annan boks, og da vil video.nrkbeta.no oppføre seg som normalt igjen.

Tagger: , , , , ,

20 kommentarer på: Videoløysinga har fått ny embedkode

  1. Som en som utvikler publiseringsløsninger, er dette et interessant tema. Mitt ståsted er "nei til <script>". Å slippe til <script> i åpne inputs, som f.eks. kommentarfelter, gjør at man legger seg åpen for alt som JavaScript kan gjøre – og det er ikke lite. Å kjøre en rensker som filtrerer ut alt som er potenisell skummel JS-kode er ikke spesielt aktuelt.

    Det er en del skumle scenarier med å tillate <object> , <embed> og <param> også, men med html-rensking som tillater kun de nødvendigste argumenter, er det "trygt nok".

    Dessuten – og dette er ikke rent lite viktig – med object/embed/param vil YouTube, Vimeo og alle de andre største videotjenestene fungere som smurt. Og så lenge de virker, er jeg fornøyd. Sorry NRK. Dere bør følge de største i markedet.

    Svar på denne kommentaren

    • Eg forstår tankegangen din, Geir Arne, og eg er sjølv enig i at det er skummelt å tillate bruken av JavaScript i f.eks. kommentarer på ei side. No vil eg derimot påstå at lesergruppa til NRKbeta har den tekniske kompetansen til å forstå når dette er skummelt og ikkje, og som eit "sandkasseprosjekt" ser eg ikkje den store risikoen i å gå for denne framgangsmåten.

      Bruken av embedding via script byrjar også å ta seg opp andre plasser på nettet, blant anna bruker GitHub denne metoden, og det samme gjeld for Pastie. Eg trur vi kjem til å sjå fleire liknande løysinger framover.

      Ein annan positiv ting med denne metoden er at endringar i embed-koden blir pusha til videoer som allereie er embeddet. Det er for oss eit veldig stort pluss.

      Problemet som oppstod hos oss var, som eg skreiv i innleiinga i artikkelen, at WordPress skreiv om embed-kodene. Med dei pluginane vi har installert i JW Player vart det "påkrevd" å spesifisere object/embed/param-kodene i ei rekkefølge som WordPress i blant ville fikse, og dette skapte så problemer. Da er det vel betre med ei løysing som fungerer (samt validerer)?

      Men ja, viss det er stor misnøye til den nye embed-løysinga skal vi sjølvsagt legge ved den gamle som eit alternativ!

      Denne kommentaren er et svar til Geir Arne Brevik

      Svar på denne kommentaren

  2. Kjører wordpress-plattform. Embedded video finnes her: http://aslakgausen.net/?page_id=207
    Hos meg funker det utmerket…

    Svar på denne kommentaren

  3. Prøver den gjennom CuteNews, einaste som ikkje går heilt vegen er linkane under video. Her er det nokre "å"-ar som ikkje sit heilt som dei skal. Ligg vel kanskje i mi kode så vel som di?
    Sjekk her: http://blogg.hugleik.com

    Svar på denne kommentaren

  4. For de som lurer på hva .js filen gjør:

    document.write('<div id="nrkbeta_container_164"></div>');
    document.write('<p class="nrkbeta_video_text">');
    document.write('Se videoen på NRKbeta video – ');
    document.write('Direktelink til denne videoen');

    document.write('<script type="text/javascript" src="http://video.nrkbeta.no/media/flash_player/swfobject.js"></script>&#039 ;) ;
    document.write('<script type="text/javascript">');
    document.write('var s1 = new SWFObject("http://video.nrkbeta.no/media/flash_player/player.swf","ply","512","347","9","#FFFFFF&quot ;) ;');
    document.write('s1.addParam("allowfullscreen","true");');
    document.write('s1.addParam("allownetworking","all");');
    document.write('s1.addParam("allowscriptaccess","always");');
    document.write('s1.addParam("wmode", "transparent");');
    document.write('s1.addParam("flashvars","file=http://video.nrkbeta.no/media/filer/videofiler/ei…
    document.write('s1.write("nrkbeta_container_164");');
    document.write('</script>');

    Svar på denne kommentaren

  5. I læringsplattformen Fronters editor tillater man ikke slike skript. Derimot tillates embed-koder. Hadde det ikke vært mulig å legge ut begge versjoner?

    Svar på denne kommentaren

  6. Fungerer fint her: <a href=”http://sigurd.norblogg.net/?p=236” target=”_blank”>http://sigurd.norblogg.net/?p=236 og koden ødelegger ikke XHTML 1.0 Strict-godkjenningen.

    Har for øvrig samme "problem" som Frank Eivind. Å blir til Ã¥.

    Svar på denne kommentaren

  7. Jeg kjører WordPress på eget domene (om det skulle ha noen betyning). Fungerer greit men – å – blir til Ã¥.

    Her er min lenke: http://blogg.frankeivind.net/2009/04/02/et-foredr…

    Svar på denne kommentaren

  8. Ang. Å/Ã¥-problematikken: video.nrkbeta.no sender alltid UTF-8. Dette kan føre til problematikk viss ein ikkje koder om spesialteikn til entiteter. Eg har pusha endringa til serveren no, alt skal fungere som vanleg.

    Tusen hjerteleg takk for testinga! :D

    Svar på denne kommentaren

  9. [...] på nett, i flere betydninger. Først og fremst ligger Eirik Solheims foredrag på nett. Både hos nrkbeta og på [...]

    Svar på denne kommentaren

  10. Her er mine erfaringer: http://stavelin.com/blog/2009/04/03/fremtidens-me…

    Jeg opplevde ikke Å/Ã¥ problematikken. Kan dette ha noe med charsetet på de eksterne bloggene å gjøre? Eller har dere fikset på noe?

    På min side druknet eventuell brudd på DOCTYPE -standaren, da flickr/delicious innhold produserer mye grums jeg har glemt å rydde opp i.

    Svar på denne kommentaren

  11. Hva slags software bruker dere for å convertere til .mp4 filer som lar seg streame bra gjennom JWPlayer?

    Svar på denne kommentaren

  12. Vi bruker hovedsaklig noe så enkelt som Elgato Turbo.264. Med den medfølgende programvaren. Filene som kommer ut av den spiller i JW og på iPhone.

    Svar på denne kommentaren

  13. Kanskje litt på siden, men er det noen som har gjort seg noen tanker/eksperimentert med å filme i progressive scan for å unngå interlace problematikken på web?

    Svar på denne kommentaren

  14. Mulig jeg og er litt på siden. men fant ikke noe om det noe annet sted:
    Er det noe planer om å få embedding på den ordinære nrk-nett-tv?
    hadde vært veldig kjekt.

    Svar på denne kommentaren

Har du en mening?

Det er enkelt å få ditt eget ikon når du kommenterer på NRKbeta. Det er fint om du leser kommentarene over før du poster en ny, kanskje det du lurer på har blitt svart på allerede?

Felt merket med * er obligatoriske!
Du kan bruke følgende HTML-elementer: <a href="" title=""></> <abbr title=""></> <acronym title=""></> <blockquote cite=""></> <code></> <em></> <strong></>

Subscribe without commenting