我实际上需要在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&show_title=1&show_byline=0&show_portrait=1&autoplay=1" frameborder="0" style="height: 23vw; width: 100vw;"></iframe>
如何保留src内容的其他部分并仅更改自动播放设置?
答案 0 :(得分:2)
second parameter到attr
可以是处理旧值以获取新值的函数:
$("#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&show_title=1&show_byline=0&show_portrait=1&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