Hoe speel je YouTube-video's af met de JW Player

Als je je bezoekers in staat wilt stellen om YouTube-video's op je website af te spelen, heb je een integreerbare mediaspeler nodig die HTML5 en Flash ondersteunt. JW Player ondersteunt zowel HTML5 als Flash en ondersteunt ook alle belangrijke webbrowsers. De speler ondersteunt ook mobiele platforms, zodat uw mobiele bezoekers de video's ook kunnen afspelen. Om video's op een webpagina af te spelen, moet u de mogelijkheid hebben om de code van de pagina te bewerken.

Breng de JW Player-bestanden die u hebt gedownload van de JW Player-website over naar uw eigen website. U kunt de spelerbestanden naar een nieuwe map overbrengen, bijvoorbeeld Scripts.

Open de webpagina waar u de speler wilt invoegen met de HTML-editor van uw keuze. U kunt de pagina zelfs openen in Kladblok.

Plaats de volgende code tussen de "" en "" tags, waarbij "Scripts" worden vervangen door de naam van de map waarin u de spelerbestanden hebt opgeslagen, om het JavaScript-script van de speler te initialiseren:

Als u de Pro-, Premium- of Ads-editie van JW Player hebt gekocht, moet u uw spelerlicentiesleutel verstrekken door ook de volgende regel in te voegen en "Your_JW_Player_Key" te vervangen door uw licentiesleutel:

Selecteer de positie waar u het JW-spelerobject wilt laten verschijnen door de volgende code ergens tussen de "" en "" tags en vervang "myJWPlayer" door een unieke "div" ID:

Speler wordt geladen...

Voer de volgende code in onder de "

" regel om het videospelerobject te maken en het uiterlijk en de parameters te wijzigen:

Vervang "YouTube_URL" door de URL van de YouTube-video die je wilt afspelen. Vervang "X" door de gewenste hoogte en "Y" door de gewenste breedte -- in pixels -- van het JW Player-element. Vervang "/uploads/cover.jpg" door het pad naar de afbeelding die u wilt weergeven voordat het afspelen wordt gestart.

Sla de webpagina op en test de speler door met een webbrowser naar de pagina te navigeren. Klik op de knop "Afspelen" om de YouTube-video af te spelen.

Tips

U kunt extra parameters en optieblokken in de spelercode invoegen om de lay-out en functionaliteit van de speler te wijzigen.

Installeer een van de acht professionele PNG-skins (link in bronnen) om het uiterlijk van de speler te veranderen.