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"));

    });

IFrame src视频更改问题

1 个答案: