jQuery / HTML5模态视频如果存在自动播放播放视频

Question

为了便于理解，请查看Codepen： http://codepen.io/hennysmafter/pen/YqmLKR

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

Answer 1

您有两个常见的错误：您在检查print是否为真的部分中仅使用了1个等号。

单个autoplay用于设置变量，其中两个用于检查相等性。

编辑：您还尝试在jQuery对象上使用传统的HTML样式属性检查。要检查jQuery中的属性，您需要使用=

因此，正确的行将是.attr(attributeName)