iframe src使用现有值添加autoplay = true参数onclick

Question

<iframe id="iframe" src="//player.net/14965165444001/default_default/index.html?videoId=4784345556001" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe>

<button>click</button>

在iframe src上，单击＆＃34;按钮＆＃34; ..它必须添加＆＃34;？autoplay = true＆＃34;目前的src值。

像这样，我在滑块内添加了5个元素。

请帮助解决此问题。

由于

Answer 1

使用src方法

设置iframe的{​​{1}}

updateQueryStringParameter函数来自amateur

＆＃13;

＆＃13;

.attr

＆＃13;

function updateQueryStringParameter(uri, key, value) {
  var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
  var separator = uri.indexOf('?') !== -1 ? "&" : "?";
  if (uri.match(re)) {
    return uri.replace(re, '$1' + key + "=" + value + '$2');
  } else {
    return uri + separator + key + "=" + value;
  }
}

$('#update').on('click', function() {
  var url = $('#iframe').attr('src');
  var Updatedurl = updateQueryStringParameter(url, 'autoplay', 'true');
  $('#iframe').attr('src', Updatedurl);
});

＆＃13;

＆＃13;

＆＃13;

Answer 2

var iframe = $('#iframe');
var src = iframe.attr('src');
$('button').click(function() {
  if (src.indexOf('autoplay=true') !== -1) {
    iframe.attr('src', src + '&autoplay=true');
  }
});