Javascript IFrame src视频更改问题

我正在尝试将youtube视频加载到iframe中，而且当单击按钮时，它会更改视频的src，然后更改iframe中的视频。我已经尝试了一些方法，src改变了，但是最初的视频保持不变

这是我所有的javascript和jquery

   <script>            
$(document).ready(function () {
    $.ajax({
        url: '/Seller/VideoLoad?videocategory='+'@Model.VideoCategory',
        type: 'POST',
        contentType: 'application/json',
        async: false,
        success: function (data) {
            var video2 = document.getElementById('Video2');
            video2.src = data;
            alert(video2.src);
}
    });
    $(function() {
        $('.text').click(function(evt){
            evt.preventDefault();
            alert($(this).attr("name"));
            alert("TEST");
            $(this).attr("src", $(this).attr("name"));
        alert($(this).attr("src"));

        });
    });
        });

$（文档）.ready（函数（）{
$.ajax({
url:'/Seller/VideoLoad？videocategory='+'@Model.videocategory'，
键入：“POST”，
contentType:'应用程序/json'，
async:false，
成功：功能（数据）{
var video2=document.getElementById（'video2'）；
video2.src=数据；
警报（video2.src）；
}
});
$（函数（）{
$（'.text'）。单击（函数（evt）{
evt.preventDefault（）；
警报（$（this.attr（“name”））；
警报（“测试”）；
$（this.attr（“src”），$（this.attr（“name”）；
警报（$（this.attr（“src”））；
});
});
});

这是iframe，在这里加载了改变iframe视频的按钮

 <iframe style="float: left" width="500" height="315" id="Video2">

        </iframe>


 @foreach(var video in Model.VideoList) {
          var url = @video.Value;
<input type="button" class="text" name="@video.Value" value="@video.Text"  />
<br />
      }

@foreach（模型中的var视频。视频列表）{
var url=@video.Value；


}

为什么src改变时视频不会改变？有没有办法让它改变？

---

已经谢谢了

您不是想更改iframe的src吗

    $('.text').click(function(evt){
        evt.preventDefault();
        alert($(this).attr("name"));
        alert("TEST");
        $('#Video2').attr("src", $(this).attr("name"));
    alert($('#Video2').attr("src"));

    });

---

首先，如果您已经将其放入

$（document）.ready（function（）{…}）

，那么您不需要

$（function（）{…}）

包装器。这是正确的，但这无助于解决问题。其次，为什么要将.text按钮的/src/设置为名称？是否要设置/iframe/的src？