Oto prosty kod: http://jsfiddle.net/YAFuW/1/jQuery jak zatrzymać Vimeo wideo podczas kliknij
w zasadzie próbowałem używać tak:
<iframe src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<a href="#">STOP</a>
$('a').click(function() {
alert('stoped');
froogaloop.api('unload');
});
nie wiem „dobre” lub „prawo” sposób na osiągnięcie tej przeglądarki.
Interfejs API JavaScript YouTube również się nie udaje.
Ale ta metoda jest niezawodna i działa.
Zasadniczo zabija on i odbudowuje go.
$('a').click(function() {
alert('stoped');
vimeoWrap = $('#vimeoWrap');
vimeoWrap.html(vimeoWrap.html());
});
Jeśli używasz Vimeo jest zaktualizowany kod API następnie można to zrobić tak: http://jsfiddle.net/deshg/8CV2S/. Możesz zobaczyć przycisk stop teraz daje alert, a następnie wideo jest rozładowany.
Pozdrawiam!
jeśli trzeba tylko odtworzyć lub wstrzymać stosowanie wideo tak:
var iframe = $('#vimeo-player')[0];
var player = $f(iframe);
$('#stop').click(function() {
alert('stoped');
player.api('pause');
});
$('#play').click(function(){
alert('play');
player.api('play');
})
i znaczników:
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<iframe id="vimeo-player" src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<a id="stop" href="#">STOP</a>
<a id="play" href="#">PLAY</a>
Chociaż bardzo stary post, ale służył mi dobrze. Dzięki. –
Wydaje się, że Vimeo ostatnio przestał to wspierać. Czy można użyć nowego interfejsu API? – think123
Ostatecznie odpowiedź, której szukałem! Dzięki! –
Przegapiłeś uzyskać identyfikator wideo Vimeo:
var iframe = $('#vimeo-player')[0];
var player = $f(iframe);
player.api('unload');
Przykład: http://jsfiddle.net/joan_r/dutzh512/
<html>
<head>
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
<style>
#play,#pause,#stop{
width:60px;
margin:5px;
text-align: center;
border: solid;
cursor:pointer;
}
</style>
</head>
<body>
<iframe id="vimeo-player" src="//player.vimeo.com/video/76979871" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
<div id="play">[PLAY]</div>
<div id="pause">[PAUSE]</div>
<div id="stop">[STOP]</div>
<script>
$('#play').click(function() {
var iframe = $('#vimeo-player')[0];
var player = $f(iframe);
player.api('play');
});
$('#pause').click(function() {
var iframe = $('#vimeo-player')[0];
var player = $f(iframe);
player.api('pause');
});
$('#stop').click(function() {
var iframe = $('#vimeo-player')[0];
var player = $f(iframe);
player.api('unload');
});
</script>
</body>
</html>
Najlepszym sposobem jest praca z Vimeo API:
Przykład:
<script>
var iframe = $('.vimeo-iframe').get(0);
var player = new Vimeo.Player(iframe);
player.pause();
//player.play();
</script>
nie działa ponownie. to działa tylko jeden raz. Ponownie odśwież stronę po tylko działa. Potrzebuję jeszcze raz i znowu klikam gra i zatrzymuję się. uruchamia się automatycznie bez przeładowania strony. –
W jakiej przeglądarce jesteś? Działa wielokrotnie w Chrome. – Fresheyeball