更改特定 div 类的 iframe src答案

【问题标题】：Change iframe src for specific div class更改特定 div 类的 iframe src
【发布时间】：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 听起来是错误的。为什么需要这个插件？

标签： jquery wordpress iframe

【解决方案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);

});

【讨论】：

谢谢。添加它的正确位置是什么？
编辑了答案以显示添加位置