Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery/HTML5模式视频如果存在自动播放,则播放视频_Jquery_Html_Video_Autoplay - Fatal编程技术网

jQuery/HTML5模式视频如果存在自动播放,则播放视频

jQuery/HTML5模式视频如果存在自动播放,则播放视频,jquery,html,video,autoplay,Jquery,Html,Video,Autoplay,为了便于理解,请查看代码笔: codepen是实际代码的一个更简单的版本,只包含必要的部分 在codepen中有两个弹出窗口,一个弹出窗口有一个带有自动播放的视频元素,另一个弹出窗口有一个不带自动播放的视频元素 在文档准备就绪时,页面上的所有视频元素都暂停这无法更改,因为实际代码中有其他视频 现在我只需要修改代码,以便: 点击弹出窗口打开,类被添加打开(已经存在) 如果弹出窗口内的视频元素具有自动播放功能,则播放视频(不工作) 或者没有自动播放,所以什么也不做 if ($('.modal-bo

为了便于理解,请查看代码笔:

codepen是实际代码的一个更简单的版本,只包含必要的部分

在codepen中有两个弹出窗口,一个弹出窗口有一个带有自动播放的视频元素,另一个弹出窗口有一个不带自动播放的视频元素

在文档准备就绪时,页面上的所有视频元素都暂停这无法更改,因为实际代码中有其他视频

现在我只需要修改代码,以便:

  • 点击弹出窗口打开,类被添加
    打开
    (已经存在)
  • 如果弹出窗口内的视频元素具有自动播放功能,则播放视频(不工作)
  • 或者没有自动播放,所以什么也不做

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

  • 您有两个比较常见的错误:在检查
    autoplay
    是否为真的部分中只使用了1等号

    单个
    =
    用于设置变量,其中as two用于检查相等性

    编辑:您还尝试在jQuery对象上使用传统HTML样式的属性检查。要在jQuery中检查属性,需要使用
    .attr(attributeName)


    因此,正确的行应该是
    if($('.modal box.opened').find('video').attr(autoplay)==true){

    您有两个比较常见的错误:您在检查
    autoplay
    是否为true的部分只使用了1等号

    单个
    =
    用于设置变量,其中as two用于检查相等性

    编辑:您还试图对jQuery对象使用传统HTML样式的属性检查。要检查jQuery中的属性,您需要使用
    .attr(attributeName)


    因此,正确的行应该是
    if($('.modal box.opened').find('video').attr(autoplay)==true){

    谢谢你的回答。我更改了代码,但现在视频将不再工作。我不一定要保留此代码,我只需要有一个代码来检查
    标签中是否存在单词
    。我认为它没有工作,因为它正在寻找
    ,而不是
    >。值得一次投票。但是还没有被接受。我编辑了这篇文章,提供了更多信息。我不知道为什么,但它不起作用。我要把它放在代码笔中!不说你的答案是错误的,因为我认为它不是。我想这是另外一件事!我添加了一个代码笔让你看,所以我只是重写了这个问题,让事情变得更简单为了理解。谢谢你的帮助。谢谢你的回答。我更改了代码,但现在视频将不再工作。我不一定要保留此代码,我只需要有一个代码来检查
    标签中是否存在单词
    。我认为它没有工作,因为它正在寻找
    我n尽管
    。值得一次投票。但还没有被接受。我编辑了这篇文章,提供了更多信息。我不知道为什么,但它不起作用。我要把它放在代码笔里!不要说你的答案是错的,因为我认为它不是我认为的其他东西!我添加了一个代码笔让你看,所以我只是重写了这个问题让事情更容易理解。谢谢你的帮助。