Javascript 使用JQuery更改YouTube iframe src

我正在建立一个视频播放器页面。我使用Ajax加载一个

iframe

和其他与YouTube频道相关的视频。我试图在许多锚点上使用

onclick

事件更改

iframe src

，但是

onclick

事件似乎不会在给定代码的情况下执行

Ajax生成的HTML

$（'.play video'）。在（'单击'，函数（）上）{
$（'#视频视图iframe'）.attr（'src'，$（this.data（'src'））；
$（'#视频标题'）.text（$（this.data（'title'））；
$（“#视频描述”）.text（$（this.data（'description'））；
$（'html，body'）。设置动画({
scrollTop:$（“#视频查看器”）.offset（）.top
}, 2000);
});

天生抑郁（拍摄1）-Jimquisition简介主题Sax封面
天生就被戴着现场萨克斯的钻床女王压抑着

走运吧-愚蠢的朋克
.on（）
适用于动态创建的元素（如果与以下语法一起使用）：

$（document）.on（'click'，''，function（）{}）

这对我有用。您刚刚输入了错误的id
#video view iframe
，它应该是
#video viewer iframe
。
$(document).on('click', '.play-video', function() { 
  $('#video-viewer iframe').attr('src', $(this).data('src'));
  $('#video-title').text($(this).data('title'));
  $('#video-description').text($(this).data('description'));

  $('html, body').animate({
    scrollTop: $('#video-viewer').offset().top
  }, 2000);
});