改变" src"的一部分iframe与jQuery的属性

时间:2018-03-01 15:28:27

标签: javascript jquery

我实际上需要在drupal 6网站上嵌入的vimeo iframe上禁用自动播放。

我无法在embedmedia模块中更改此设置,因此我需要使用jQuery来执行此操作。

这是原作" src" vimeo内容:

SELECT id,teslim_tarihi as tarih ,toplam,marka,model,malzeme  
FROM ariza
WHERE durum = '7' AND (teslim_tarihi BETWEEN '14-02-2018 00:00' AND '01-03-2018 23:59')
ORDER BY tarih DESC

我已经用jQuery覆盖了height和width属性。

所以我尝试为" src"做同样的事情。但我的代码取代了" src"含量:

<iframe src="http://player.vimeo.com/video/69431566?fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=1&amp;autoplay=1" frameborder="0" style="height: 23vw; width: 100vw;"></iframe>

如何保留src内容的其他部分并仅更改自动播放设置?

4 个答案:

答案 0 :(得分:2)

second parameterattr可以是处理旧值以获取新值的函数:

$("#media-vimeo-1 iframe").attr('src', function (index, oldSrc) {
    return oldSrc.replace('autoplay=1', 'autoplay=0');
});

答案 1 :(得分:1)

您必须获取旧的src,替换所需的参数,然后更改src

$(document).ready(function() {
  var oldSrc = $("#media-vimeo-1 iframe").attr("src"); //Get the src of the iframe
  var newSrc = oldSrc.replace("autoplay=1", "autoplay=0"); //Replace "autoplay=1" by "autoplay=0"
  
  $("#media-vimeo-1 iframe").attr("src", newSrc); //Change the src attr to the new value
  
  console.log("Old Src: " + oldSrc);
  console.log("New Src: " + newSrc);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="media-vimeo-1">
  <iframe src="http://player.vimeo.com/video/69431566?fullscreen=1&amp;show_title=1&amp;show_byline=0&amp;show_portrait=1&amp;autoplay=1" frameborder="0" style="height: 23vw; width: 100vw;"></iframe>
</div>

答案 2 :(得分:0)

在您的示例中,您只需将src属性设置为autoplay=0 您实际想要做的是获取当前值,替换字符串中的值并重新分配值。

示例(有更好的方法):

var link = $("iframe").attr('src');
link = link.replace('autoplay=1', 'autoplay=0');
$("iframe").attr('src', link);

答案 3 :(得分:0)

希望此代码可以帮助您。

var src = $('iframe').attr('src'); <br>
var searchParams = new URLSearchParams(src); <br>
searchParams.set('autoplay','0'); <br>
var newParams = searchParams.toString(); <br>
$('iframe').attr('src', decodeURIComponent(newParams)); <br>

源代码:
https://github.com/sendeveloper/stackoverflow/tree/master/javascript_src_autoplay