2016-05-23 190 views
0

爲了便於理解,請看看在Codepen: http://codepen.io/hennysmafter/pen/YqmLKR的jQuery/HTML5模式的視頻,如果自動播放存在播放視頻

的codepen是實際代碼的簡化版本僅是部分必要!

在codepen你有兩個彈出式廣告一個彈出具有視頻元素自動播放和其它具有視頻元素沒有自動播放

在文件準備就緒頁面上的所有視頻內容都暫停這不可能

    :因爲在實際的代碼中的其他視頻

    現在我只需要已經適應這樣的代碼被改變

  1. 在點擊彈出打開,類添加opened(已有)
  2. 如果裏面彈出視頻元素已自動播放,然後播放視頻(不工作)
  3. 還是沒有自動播放等做什麼

    if ($('.modal-box.opened').find('video').attr(autoplay) == true) { 
        $('.modal-box.opened').find('video').each(function() { 
         $(this).get(0).play(); 
    }); 
    } 
    

回答

2

你有兩個有點常見的錯誤:你只使用1等號在你檢查autoplay是否爲真的部分。

單個=用於設置變量,其中兩個用於檢查相等性。

編輯:你也試圖對jQuery對象使用傳統的HTML樣式屬性檢查。要檢查jQuery的屬性,你需要使用.attr(attributeName)

因此,正確的路線將是if ($('.modal-box.opened').find('video').attr(autoplay) == true) {

+0

謝謝您的回答。我更改了代碼,但現在視頻將不再起作用。我不一定要保留這段代碼,我只需要一個代碼來檢查'

+0

我編輯了更多信息的帖子。 – figgycity50

+0

我不知道爲什麼,但它不工作我要把它放在Codepen!不要說你的答案是錯誤的,因爲我認爲這不是我想的其他事情! – purple11111