2016-05-23 148 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