[jquery] youtube knoppen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Php knipper

php knipper

01/04/2013 20:00:39
Quote Anchor link
hallo,

ik ben aanhet zien hoe ik aan een jquery click() functie een start functie van een youtube video te hangen.
Helaas vindt ik niet wat ik wil vinden,

ik heb nu dit gevonden
http://www.tikku.com/jquery-youtube-tubeplayer-plugin#tubeplayer_tutorial_2

en dit in elkaar gestoken:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>    
<head>
<link rel="stylesheet" href="http://leensysteem.mych-studio.com/main/plugin/1.9.2_jquery-ui.css">
<script src="http://leensysteem.mych-studio.com/main/plugin/jquery-1.8.3.js"></script>
<script src="http://leensysteem.mych-studio.com/main/plugin/1.9.2_jquery-ui.js"></script>
<script type='text/javascript' src='http://www.tikku.com/scripts/ui/tubeplayer/jQuery.tubeplayer.min.js'></script>
</head>
<body>
<div id='youtube-player-container'>
<iframe frameborder="0" allowfullscreen="" id="tubeplayer-player-container1364837764759" title="YouTube video player" height="450" width="600" src="http://www.youtube.com/embed/aRmRav6QyUU?autoplay=0&controls=1&rel=0&fs=1&enablejsapi=1&origin=http://www.tikku.com"></iframe>
</div>

<hr>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("play")'>
    Play video in player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("pause")'>
    Pause player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("stop")'>
    Stop player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("mute")'>     
    Mute player
</a>
<a href="#" onClick='jQuery("#youtube-player-container").tubeplayer("unmute")'>
    Unmute player
</a>
</body>
</html>


maar het werkt niet, iemand een betere manier of tutorail?
 
PHP hulp

PHP hulp

30/01/2025 22:40:01
 
Tim S

Tim S

01/04/2013 20:17:49
Quote Anchor link
Volgens mij moet het werken als je ; er achter zet.
 
Php knipper

php knipper

01/04/2013 20:49:37
Quote Anchor link
deze code werkt ook niet, als je op een knop drukt gebeurt er niets
 
Tim S

Tim S

01/04/2013 21:20:14
Quote Anchor link
geef a even een id, test je code even in een jquery click event:

$(een id).click(function(){

jQuery("#youtube-player-container").tubeplayer("unmute");//als dit werkt zou het bij onClick() volgens mij ook //moeten werken.

});
 
Joey Drieling

Joey Drieling

01/04/2013 21:22:46
Quote Anchor link
Dit werkt alleen met de YouTube playback of chromeless api.

https://developers.google.com/youtube/js_api_reference?hl=nl
https://developers.google.com/youtube/iframe_api_reference?hl=nl
Gewijzigd op 01/04/2013 21:26:47 door Joey Drieling
 
Php knipper

php knipper

01/04/2013 21:30:17
Quote Anchor link
@Tim Slootweg
-->de klik werkt wel ( getest met een alert ) maar die jquery code niet.

@Joey Drieling
-->Hoe moet het dan?
 
Joey Drieling

Joey Drieling

01/04/2013 21:40:25
Quote Anchor link
Alles staat duidelijk in de documentatie van YouTube zelfs een simpele voorbeeld je hoeft alle bij onclick de player.play() functie aan te roepen.

https://developers.google.com/youtube/youtube_player_demo?hl=nl
Gewijzigd op 01/04/2013 21:43:45 door Joey Drieling
 
Php knipper

php knipper

01/04/2013 21:44:36
Quote Anchor link
ja je hebt je post nadien exstra info gegeven hé
Gewijzigd op 01/04/2013 21:44:59 door php knipper
 
Joey Drieling

Joey Drieling

01/04/2013 21:47:05
Quote Anchor link
Jha sorry zit op me telefoon dus kan niet snel antwoorden als op de pc.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.