如何通过jQuery点击事件修改iframe标签的src链接？

你的代码有三个关键问题导致功能失效：

• 错误使用选择器：$('iframe src')是试图选中iframe标签下的<src>子元素，但src是iframe的属性，并非独立元素。
• 错误使用修改方法：text()用于修改元素的文本内容，而修改HTML元素的属性需要用attr()方法。
• YouTube链接格式错误：iframe嵌入需要用embed/格式的地址，而非watch?v=格式的播放页地址，否则无法正常加载视频。

修正后的完整代码：

<div id="video" class="video">
    <iframe width="1030" height="600"
        src="https://www.youtube.com/embed/tgbNymZ7vqY">
    </iframe>
 </div>

<script>
$(document).ready(function(){
 $('#sub-01').click(function(){
    $('iframe').attr('src', 'https://www.youtube.com/embed/AQPlp-xT-Cc');
 });
});
</script>

关键修改说明： #

• 选择器改为$('iframe')，直接选中页面中的iframe元素。
• 使用attr('src', 新地址)来修改iframe的src属性值。
• 将目标链接替换为YouTube的嵌入格式（把watch?v=替换为embed/）。

内容的提问来源于stack exchange，提问作者Gianluigi Mvutu