检查iframe src中是否存在autoplay属性

时间:2017-01-31 07:16:40

标签: javascript jquery html iframe

我想检查属性' autoplay'是否存在于iframe网址中。如果该属性不存在,我想添加'自动播放'。如果它存在,我想更改' autoplay = 1'到'自动播放= 0'反之亦然。

我有动态src的iframe。现在每当我点击播放图标时,autoplay属性都会附加为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');
  });
});

示例小提琴:Demo

2 个答案:

答案 0 :(得分:2)

请尝试使用以下代码:

$this->Model_name->read(null, 1);
$this->Model_name->set(
    array(
        'field_1'     => $get_device_data[0],
        'field_2'     => $get_device_data[1]
    )
);

$this->Model_name->save();

答案 1 :(得分:0)

您可以使用match字符串方法。检查下面。

var isAutoPlay = "https://www.youtube.com/embed/jebJ9itYTJE?autoplay=0".match(/autoplay=([^&]*)/);
if (isAutoPlay && isAutoPlay[1] == 1) {
  return oldSrc.replace('autoplay=0', 'autoplay=1');
}

工作样本:https://jsfiddle.net/ramsunvtech/dyutu19f/3/