使用CSS和JQuery來控制嵌入了硬編碼自動播放的iframe

我在Adobe Presenter上製作了一個使用iframe嵌入的演示文稿。自動播放在演示文稿發佈時被硬編碼。當頁面加載時，演示文稿會自動啓動並播放音頻。使用CSS和JQuery來控制嵌入了硬編碼自動播放的iframe

由於我無法關閉自動播放功能，我認爲添加播放/暫停按鈕並使用JQuery添加從display:hidden更改爲display:block的類會顯示演示文稿並在完成時隱藏它。我試過這個，但即使當iframe被隱藏時，音頻會在頁面加載時自動啓動。

有沒有在CSS中display另一種屬性，它可以完全刪除元素，並把它帶回來，而不是僅僅隱藏呢？還是有人有另一個想法，我可以如何讓用戶選擇何時開始演示？

來源

2015-07-20 mackswel

嗨，你可以玩一玩暫停按鈕做這樣的事情。只需點擊您替換的任何類別即可停止並開始播放視頻.video。我不知道你爲什麼要display:none等等，所以我沒有包括那部分..如果你展開我可以編輯我的問題，所以它適合你。

jQuery(document).ready(function($) { 
    $('.video').click(function() { 
     $(this).get(0).paused ? $(this).get(0).play() : $(this).get(0).pause(); 
    }); 
});

編輯
或者說：

jQuery(function($) { 
    $('.video').on("click", function() { 
     this[ this.paused ? "play" : "pause" ](); 
    }); 
});

純JavaScript的方式將是

播放：

document.getElementById('videoId').play();

暫停：

document.getElementById('videoId').pause();

來源

2015-07-20 11:39:33

對不起，我的編輯 - 增加了一個稍微好一點的例子，你的代碼，使用'this'，而不是'$（本）獲得（0）'。希望你不介意;） –

耶那是一個更合適的方法回頭看它@ RokoC.Buljan沒有後顧之憂:) –

任何方式，你正在展示OP只是如何切換播放/暫停視頻。如果仔細閱讀，OP有一個自動啓動視頻的iframe。問題是如何：從嵌入iframe的頁面 - >控制視頻元素，並且不要運行/自動啓動。 –

經過大量艱苦的硬Google上搜尋，我決定有沒有解決辦法。儘管我設法關閉了自動播放功能。但它意味着單獨從服務器下載每個演示文稿，編輯XML並再次上傳......有成千上萬個。

感謝的人誰花的任何時間琢磨這個無法解決的問題。

，並與誰達到這個帖子個月下來了類似的問題的人，因爲我也想找到一個變通辦法，只是不捨不要浪費太多的時間...有沒有更快的方法。

來源

2015-07-21 16:12:21 mackswel

使用CSS和JQuery來控制嵌入了硬編碼自動播放的iframe

回答

相關問題