Hallo,
Ik ben bezig met een presentatie in de vorm van een site ik ben nu al een aardig eind op weg en heb de opmaak etc al klaar, maar nu wil ik dat als je op een button klikt dat die een video laat zien en op een andere button een andere video.
Voorbeeld (nog niet werkend maar zo krijg je een beeld van het idee)
Opdracht groepje
Let niet op het youtube filmpje van dora en het hoeft geen youtube filmpje te zijn mag ook in een jquery of html 5 player.
Mvg,
Jordy
Ik denk dat je dan het beste met div of get() kan werken. Hierdoor is het makkelijk video's in te laden in het geselecteerde gedeelte.
Als het allemaal via YouTube kan, kun je heel makkelijk de URL aanpassen ;).
De jQuery code zou dan als volgt worden:
$(function(){
$(".button").click(function(){
$("#youtubeFrame").attr("src", "http://www.youtube.com/embed/"+$(this).attr("data-yturl"));
$("#youtubeFrame").attr("data-link", "http://www.youtube.com/watch?v="+$(this).attr("data-yturl"));
});
});Wat je dan verder nog moet doen:
1. Het YouTube iframe een ID meegeven genaamd "youtubeFrame".
2. Al die a attributen onder je div "afstand" geef je een class mee genaamd "button" en een "data-yturl" die de youtube code van de video bevat (die random 11-karakterige code, zoals "ggXJhZWtBnE").
En dan zou die moeten werken ;).
Heb het bijna werkend ik doe het met een html5 player alleen weet ik niet hoe ik nu meerdere sources toevoeg heb nu alleen .mp4 maar er moet eigenlijk ook nog .ovg en .webm bij om het cross browser te maken. Iemand een idee? Opdracht groepje
Waarom zou je met ovg en webm willen werken? Alleen mp4 voldoet toch? En anders zet je je video's even om naar mp4 en klaar, of zie ik dat verkeerd?
Mozilla ondersteund geen mp4 meer naar mijn idee ik probeerde net met mp4 en hij wou hem niet afspelen, ik heb de filmpjes al in alle bestandstypen zoek alleen nog een oplossing dat die load als je op a href klikt.
Heb je nog geen account? Registreer je nu en word deel van onze community!