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 />
}
ソースが変更されたときにビデオが変更されないのはなぜですか? それを変更する方法はありますか?もうありがとう