Show video onclick a href

    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

  • Guest, wil je besparen op je domeinnamen? (ad)

    Als het allemaal via YouTube kan, kun je heel makkelijk de URL aanpassen ;).
    De jQuery code zou dan als volgt worden:

    Code
    $(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 ;).

    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.

Participate now!

Heb je nog geen account? Registreer je nu en word deel van onze community!

Maak een account aan Login