2011-05-26 20 views
30

Bir youtube videosunu gizlediğimde, oynatmayı durdurur. Ancak, bu Vimeo videoları için geçerli değildir. Vimeo videosunu durdurmanın başka bir yolu var mı?JQuery ile Vimeo videosunu durdurma

+0

Eğer Universal kullanıyorsunuz ile yapılabilir JavaScript API kodunu veya Flash yerleştirme kodunu gömmek? –

+0

iframe etiketi –

cevap

10

Vimeo, video oynatıcıdaki birçok özelliği ve yöntemi (videonun duraklatılması ve ayrıca tamamen boşaltılması dahil) kullanmanıza ve çağırmanıza olanak veren a JavaScript API'a sahiptir. Ayrıca API Playground ve bazı examples on GitHub var.

[Düzenle]

Eğer burada, Evrensel Göm Kodunu kullanan web sitesinden Bazı uyarılar söz yana

:

Evrensel Göm Kanunu ile etkileşim için tek yol Oyuncu window.postMessage kullanıyor. postMessage nispeten yeni bir gelişmedir, bu yüzden aşağıdaki tarayıcılarda kullanılabilir: Internet Explorer 8+, Firefox 3+, Safari 4+, Chrome ve Opera 9+.

Çünkü postMessage ile bahsedilen karışıklıkların, sizin için tüm zor işleri yapan bir JS mini kütüphane yazdım! Bunu downloads page numaralı telefondan bulabilir veya bazı örnekleri below görebilirsiniz.

+3

ile Bir satır kod binlerce açıklamaya değiyor. – atilkan

-1

iframe'i DOM'dan kaldırmak için jQuery'yi kullandım.

3

David'in çizgisinde başka cevap ... Eğer iFrame SRC özelliğini temizlemek için jQuery kullanabilirsiniz.

$('iframe#targetID').attr('src',''); 

Bunu bir Vimeo videosu ve bir ışık kutusu efekti kullanarak kullanıyorum. Işık kutusu tekrar tetiklendiğinde, video URL'sini gösterilmeden önce iFrame SRC'ye geri eklerim.

48

Önce iFrame'inize bir ID ekleyin. Sonra javascript pencereyi kapat tıklama işlevine bu ekleyin:

var $frame = $('iframe#yourIframeId'); 

// saves the current iframe source 
var vidsrc = $frame.attr('src'); 

// sets the source to nothing, stopping the video 
$frame.attr('src',''); 

// sets it back to the correct link so that it reloads immediately on the next window open 
$frame.attr('src', vidsrc); 
+0

Aslında bu, videoları tamamen kapatıyor, yani videoları kapatıyor! – test

+0

src özniteliği eklendiğinde, animasyonun atlamasını sağlar. –

+1

, iframe'yi modalimizde hedeflemek için ID'yi kullanmamasının yanı sıra, bu cevap tam olarak doğruydu ve bizim için mükemmel çalıştı. Vimeo API yüklemesi gerekli değildir. Teşekkürler ton! – Aaron

6

SRC geri özelliğini aşağıdaki kullanmak temizlemeden önce:

var source = $('iframe#yourVideoId').attr('src'); 

sonraki SRC net bağlıyor:

$('iframe#yourVideoId').attr('src',''); 

geri arama önceki SRC özellik:

$('iframe#yourVideoId').attr('src',source); 
+0

$ ('iframe # yourVideoId') attr ('src', 'about: blank'); daha doğru – khoomeister

4
var vidUrl = $("iframe#video-frame").attr('src'); 


    //Basically stops and starts the video on modal open/close 
    $('#video').on('hidden.bs.modal', function (e) { 
     $("iframe#video-frame").attr('src',''); 
    }); 

    $('#video').on('show.bs.modal', function (e) { 
     $("iframe#video-frame").attr('src', vidUrl); 
    }) 
+0

Bu, Bootstrap ile benim için çalıştı. – moodyjive

İlgili konular