Почему локально видео не показывается?

Question

[olya_097]

Есть попап с видео. (после клика на show popup появится).
Так вот на песочнице видео показывается. А локально - нет. В чем может быть проблема?
https://jsbin.com/yafomikemi/1/edit?html,js,output

Answer 1

[Stalker_RED]

Локально, это файлики в папочке? Тогда стоит открыть консоль, там вам красным по белому написано в чем причина. Нельзя так просто сделать https запрос со страницы "из папочки", надо хоть простейший веб-сервер поднять.

Comments

[olya_097]

Stalker_RED, так особо ошибок то нет, только на картинку жалуется

[Stalker_RED]

olya_097, да, сейчас в консоли почему-то не показывает, но во вкладке сеть показывает. При открытии "из папки" запрос у ролику получается такой:

file://www.youtube.com/embed/eoTpdTU8nTA

Answer 2

[robodead]

В чем проблема
На самом деле проблема (скорее особенность) внутри плагина, который вы используете для загрузки видео с ютуба.
При загрузке видео ваша ссылка меняется на ссылку вида: //www.youtube.com/...
Первые две черточки перед www (//) говорят о том, что нужно сохранить протокол общения таким, каким он был у вашей страницы.
То есть если вы открыли страницу по http, то и запрос получится http://www.youtube.com/..., а если открыли локально (file://) то и запрос получается file://www.youtube.com/...

Решения:
Плохое: лезть в код плагина и менять // на https://
Хорошее:
использовать live server или его аналоги для запуска проекта. Тогда страница откроется на адресе, к примеру, http://localhost:3000/ и проблем не будет

Надеюсь смог помочь