通过字段名获取YouTube URL-JavaScript

我在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上更改它。

---

有什么建议吗？

你可以试试这个

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

---

您需要做的是创建iFrame，然后使用Jay.pepper answer在中添加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);
     });

---

jshiddle answer

那么您读取数组中的对象并设置iframe的src…@epascarello是的，但是如何编写这段代码呢？您知道如何引用数组吗？您知道如何引用对象中的属性吗？您知道如何引用页面上的元素吗？你知道如何设置属性吗？@epascarello我不知道，但我搜索了所有这些，我想我现在找到了。我不知道该怎么做。谢谢