javascript - IFrame src 视频更改问题

Question

我试图将 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"));

        });
    });
        });

这是 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 />
      }

为什么当src改变时视频不会改变？有没有办法让它改变？已经谢谢了

Answer 1

您不是要更改 iframe 的 src 吗？

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

    });