magnific-popup генерирует ошибку «файл не найден» для видеороликов YouTube

Question

Я пытаюсь создать всплывающее окно с видео YouTube. Код у меня есть

$(document).ready(function() { 
    $('#vid1').magnificPopup({ 
    items:{ 
     src: 'http://www.youtube.com/watch?v=0O2aH4XLbto' 
    }, 
    type:'iframe' 
    }); 
}); 

я получаю всплывающее окно, которое говорит The file or directory could not be found. Что я упускаю или делаю неправильно? Я пробовал несколько типов ссылок на YouTube; все они приводят к той же ошибке.

Answer 1

Положить type:'iframe' внутри предмета предметов.

попробовать

$(document).ready(function() { 
    $('#vid1').magnificPopup({ 
    items:{ 
     src: 'http://www.youtube.com/watch?v=0O2aH4XLbto', 
     type:'iframe' 
    }, 

    }); 
}); 

Answer 2

Вы пытаетесь просмотреть видео из локального файла? Игрок YouTube блокирует это. (файл: ///) Вы должны проверить свои видео с веб-сервера. (http (s): //)

Answer 3

По какой-то причине u can not load youtube или vimeo video из localhost, используйте редактор кода, например, brackets. У него есть встроенный сервер. Вы можете видеть, как ваше видео работает, если вы используете " живого предварительного просмотра ".