2017-01-23 3 views
-2

У меня есть массив в файле JS, который выглядит следующим образом:Получить URL YouTube по имени поля - JavaScript

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> 

Я ожидаю, чтобы использовать этот макет страницы для большого количества страниц, и я хотел, чтобы изменить URL в массиве с помощью JS вместо изменения его на IFRAME. Любые предложения?

+1

Итак, вы читаете объект в массиве и устанавливаете src iframe .... – epascarello

+0

@epascarello Да, но как написать этот фрагмент кода? –

+0

Знаете ли вы, как ссылаться на массив? Вы знаете, как ссылаться на свойство в объекте? Вы знаете, как ссылаться на элемент на странице? Вы знаете, как установить атрибут? – epascarello

ответ

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 ответ https://jsfiddle.net/55zh66an/

0

вы можете попробовать использовать этот

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

Вы не читали его вопрос. – Cam

Смежные вопросы