更改特定 div 类的 iframe src

Posted 2023-05-09

【中文标题】更改特定 div 类的 iframe src

【英文标题】：Change iframe src for specific div class

【发布时间】：2021-06-26 09:23:29

【问题描述】：

我确实安装了这个插件（envato 元素），在插件显示 iframe 视频教程的支持部分中有欢迎部分 - 我想更改 iframe 视频 src 并用我自己的替换这个视频。是否有可能以及如何做到这一点？这个网站是给客户的，我想隐藏现有的视频并用我自己的教程替换它。

当前代码：

<div class="_1XZyE9kXFS3DmtFB0rHJL1"><iframe class="_2QxVLhRMsBFh3j3aZyu82n" src="https://www.youtube.com/embed/video?rel=0&amp;autoplay=1"></iframe></div>

更改此视频的最佳方法是什么？提前致谢。

【问题讨论】：

“尝试了 css，但没有用。” - CSS 无法为您更改任何视频元素 source，开始毫无意义的尝试。 “更改此视频的最佳方法是什么？” - 取决于上下文，您几乎没有给我们任何上下文。

更改 iframe 的 src 听起来是错误的。为什么需要这个插件？

【参考方案1】：

在 jQuery 中，解决方案是

var url = "URL to be added"
$("iframe [class=_2QxVLhRMsBFh3j3aZyu82n]").attr('src',url);

要在代码中添加它， 在代码中找到导入 jQuery 的行。它看起来像这样

在其下方，添加一个脚本标签并添加代码。

<script>
$(document).ready(function() 
var url = "URL to be added"
$("iframe [class=_2QxVLhRMsBFh3j3aZyu82n]").attr('src',url);

);

【讨论】：

谢谢。添加它的正确位置是什么？

编辑了答案以显示添加位置