如何使用JQuery停止Vimeo視頻

當我隱藏YouTube視頻時，它會停止播放。但是，Vimeo視頻並非如此。是否有另一種方法來阻止Vimeo視頻？如何使用JQuery停止Vimeo視頻

2011-05-26 Justin Meltzer

您使用的是通用與完成嵌入代碼或閃存嵌入代碼？ – 2011-05-27 00:06:09

這是與iframe標籤 – 2011-05-27 00:16:52

Vimeo有a JavaScript API，允許您訪問和調用視頻播放器上的許多屬性和方法（包括暫停視頻並將其完全卸載）。他們也有一個API Playground和一些examples on GitHub。

[編輯]

既然你提到你使用通用嵌入代碼，這裏有從網站的一些注意事項：

利用通用嵌入代碼，與互動的唯一途徑球員是通過使用window.postMessage。 postMessage是一個相對較新的開發，所以它可以在以下瀏覽器中使用：Internet Explorer 8+，Firefox 3 +，Safari 4+，Chrome和Opera 9+。

由於postMessage涉及的複雜性，我們編寫了一個JS迷你庫，爲您做了所有的辛苦工作！你可以在downloads page上找到它，或者你可以看到一些例子below。

來源

2011-05-26 22:57:38

一行代碼值得數以千計的解釋。 – atilkan 2015-01-12 15:06:54

-1

我用jQuery從DOM中刪除iframe。

來源

2011-11-09 12:38:19

大衛的另一個答案...您可以使用jQuery清除iFrame的SRC屬性。

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

我正在使用Vimeo視頻和燈箱效果。當燈箱再次觸發時，我會在顯示之前將視頻網址添加回iFrame SRC。

來源

2012-04-26 12:45:05

首先，爲您的iFrame添加一個ID。結算前

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);

來源

2012-06-07 21:11:44 Deborah

其實這個工程甚至ie7所有的瀏覽器，關閉視頻順利！ – test 2012-07-05 20:41:35

當添加src屬性時，它會使動畫跳轉。 – 2013-02-07 01:26:30

除了不使用ID來定位我們的模式內的iframe外，這個答案完全正確，並且對我們來說非常合適。不需要Vimeo API加載。多謝！ – Aaron 2013-09-11 18:53:41

恢復SRC屬性使用以下方法：：然後將其添加到您的JavaScript關閉窗口點擊功能

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

下一個SRC屬性明確：

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

回調以前SRC屬性：

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

來源

2012-06-30 17:14:10 pirios

$（'iframe＃yourVideoId'）。attr（'src'，'about：blank'）;更準確。 – khoomeister 2012-11-05 01:21:53

嘗試使用vimeo播放器API： http://developer.vimeo.com/player/js-api#methods

記得打開API。例如：http://player.vimeo.com/video/VIDEO_ID?api=1

來源

2013-11-05 07:52:04 Muzahid

請嘗試閱讀本文http://stackoverflow.com/help/deleted-answers，瞭解如何**不**回答。即：「不能從根本上回答問題的答案」：**僅僅是一個外部網站的鏈接** – 2013-11-05 08:13:24

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); 
    })

來源

2014-01-07 11:59:59 user2194405

這對Bootstrap適用。 – moodyjive 2014-03-07 03:13:21