Question

我在js文件中有一个如下所示的数组：

var example = [
 {
 id:'1',
 name: 'name',
 video_url: '???video_url???'
 },
]

我想使用iframe来显示视频，这是我随机视频的示例：

<iframe width="100%" height="480" src="https://www.youtube.com/embed/pXYWDtXbBB0" frameborder="0" allowfullscreen></iframe>

我希望在很多页面上使用这个页面布局，我想使用JS更改数组中的URL，而不是在iframe上更改它。有什么建议吗？

Answer 1

您需要做的是创建您的iFrame，然后使用Jay.pepper回答来播放Youtube视频。

var example = [
 {
 id:'1',
 name: 'name',
 video_url: 'pXYWDtXbBB0'
 },
]

var embed_link = "https://www.youtube.com/embed/";
$.each(example, function (name, value) {
      var link = value.video_url;
      console.log(link);
      $('#myyoutube').attr('src',embed_link+link);
     });

jsfiddle answer https://jsfiddle.net/55zh66an/

Answer 2

您可以尝试使用此

 $('.iframe-class').attr('src', 'https://www.youtube.com/embed/pXYWDtXbBB0')

按字段名称获取YouTube网址 - JavaScript

2 个答案: