on单击将参数添加到url

onClick add parameter to url

本文关键字：url 添加 参数 单击 on      更新时间：2023-09-26

我正试图在我的网站上插入一个带有自定义缩略图的youtube视频。因此，我找到了我正在使用的这个代码。

<div onclick="this.nextElementSibling.style.display='block'; this.style.display='none'">
   <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=myImage" style="cursor:pointer" />
</div>
<div style="display:none">
    <iframe width="420" height="315" src="https://www.youtube.com/embed/TlMNLFiARBA?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>

到目前为止，它是有效的，但自动播放使视频在封面图像后面播放。所以我尝试添加autoplay参数onClick，所以当封面隐藏时，它会变为true。

我试过使用

<div onclick="this.nextElementSibling.style.display='block';this.nextElementSibling.href + '?rel=0&autoplay=1'; this.style.display='none'">

但这不起作用。老实说，我没有JS背景，也不知道自己在做什么。有人能帮我吗？只需在单击时向给定的链接添加URL参数。

谢谢。

我认为你做事情的方式不对。

当您更改iframe的url时，iframe将重新加载，而不仅仅是开始播放。

试试这个：

<div onclick="this.nextElementSibling.style.display='block';this.nextElementSibling.children[0].src='https://www.youtube.com/embed/TlMNLFiARBA?rel=0&autoplay=1'; this.style.display='none'">
   <img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=myImage" style="cursor:pointer" />
</div>
<div style="display:none">
    <iframe width="420" height="315" frameborder="0" allowfullscreen>
    </iframe>
</div>

这将同时显示iframe和更改url。

相关文章：