javascript - 检查 iframe src 中是否存在自动播放属性

Question

我想检查 iframe url 中是否存在“autoplay”属性。如果该属性不存在，我想添加“自动播放”。如果存在，我想将“autoplay=1”的值更改为“autoplay=0”，反之亦然。

我有带有动态 src 的 iframe。现在，每当我单击播放图标时，自动播放属性都会附加为 https://www.youtube.com/embed/fffjZpMIHk?autoplay=1?autoplay=1。所以我想检查该属性是否存在，然后需要追加。

<div class="video-container" id="video-container">
  <iframe src="https://www.youtube.com/embed/fffjZpMIHk" frameborder="0" allowfullscreen=""></iframe> 

我现在使用的脚本:

$(".playButton").on('click',function() {
  $(".flex-active-slide iframe")[0].src += "?autoplay=1";
  $('.flex-active-slide').contents().find("iframe").attr('src', function(i, oldSrc) {
    return oldSrc.replace('autoplay=0', 'autoplay=1');
  });
});

示例 fiddle :Demo

Answer 1

您可以尝试使用以下代码吗:

$(function() {
    $(".playButton").on('click',function() {
      var iframeObj = $(".flex-active-slide iframe")[0];
      var currentURL = iframeObj.src;

        if(currentURL.indexOf("autoplay=") == -1)
        {
            //autoplay not present in src; so lets add it
            currentURL = currentURL + '?autoplay=1'
        }
        else{
            if(currentURL.indexOf("autoplay=1")>-1){
                //replace autoplay=1 with autoplay=0
                currentURL = currentURL.replace('autoplay=1', 'autoplay=0');
            }
            else
            {
                //replace autoplay=0 with autoplay=1
                currentURL = currentURL.replace('autoplay=0', 'autoplay=1');
            }
        }

        iframeObj.src = currentURL; //set the newer src to iframe

    });
});