JavaScript >> Javascript 文檔 >  >> jQuery

用 jquery 停止 youtube 視頻?

該解決方案簡單、優雅,適用於所有瀏覽器:

var video = $("#playerid").attr("src");
$("#playerid").attr("src","");
$("#playerid").attr("src",video);

來自 API 文檔:

player.stopVideo()

所以在 jQuery 中:

$('#playerID').get(0).stopVideo();

1.包括

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>

2.添加你的 youtube iframe。

<iframe id="player" src="http://www.youtube.com/embed/YOURID?rel=0&wmode=Opaque&enablejsapi=1" frameborder="0"></iframe>

3.神奇的時間。

      <script>
            var player;
            function onYouTubePlayerAPIReady() {player = new YT.Player('player');}
            //so on jquery event or whatever call the play or stop on the video.
            //to play player.playVideo();
            //to stop player.stopVideo();
     </script>

Tutorial JavaScript 教程
  1. 對象 defineProperty() 方法

  2. 如何從htmlcode調用函數

  3. 為什麼使用 Express 應用時 setTimeout 仍然有效?

  4. 如何將自定義道具傳遞給道具?

  5. 如何使用 JavaScript 運行 MySQL 查詢

  6. 是否可以從命令行運行 JavaScript 文件?

  7. 從包含多個帶有數字鍵的對象的對像中獲取最近的對象鍵

  1. 是否可以確定何時使用 JavaScript 渲染了元素?

  2. Istio:它使事物成為一個網格

  3. 使用 JavaScript 檢測谷歌瀏覽器

  4. Browserify 與 Webpack

  5. 如何修復 NPM 鏈接重複依賴問題

  6. 反應狀態更新不適用於 setState

  7. 數組列的 Javascript max()

  1. 如何繞過 FormSpree 重定向?

  2. 帶有內部數組的 Javascript JSON

  3. 在 PHP 的 json_encode() 中包含 JavaScript

  4. 當您創建軟件來學習編程時,您最重要的用戶就是您