» »

Видео с YouTube в отдельном окне


Видео с YouTube в отдельном окне

Искал вывод видео для своего сайта вместо лайтбокс и нашёл случайно данный выход, хорош тем что можно перезагружая страницы сайта смотреть дальше кинофильм или слушать музыку. Возможно ничего нового, но всё равно поделюсь)

Код

<a href="http://www.youtube.com/embed/JMJXvsCLu6s" target="_blank" onClick="window.open(this.href, '', 'width='+screen.availWidth/2+',height='+screen.availHeight/2+',top='+screen.availHeight/4+',left='+screen.availWidth/4); return false;">

<img title="видео: переправа" alt="переправа" src="http://img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg" height="180" width="320"/></a>


Открываться окно будет по центру браузера.

Думаю тут всё ясно кроме этого:

screen.availWidth - это ширина экрана браузера
screen.availWidth/2 - это половина ширины экрана браузера

Демо на этом сайте внизу материала.

Ну и может кому надо ещё пример с лайтбокс и вывод iframe c YouTube

Код

<div id="video" style="display:none;">
<iframe width="560" height="315" src="https://www.youtube.com/embed/JMJXvsCLu6s" frameborder="0" allowfullscreen></iframe>
</div>
<a class="ulightbox" href="#video"><img title="видео: переправа" alt="переправа" src="http://img.youtube.com/vi/JMJXvsCLu6s/mqdefault.jpg" height="180" width="320"/></a>
15.02.2016 Просмотров: 641 Комментарий: (11)

Поделиться в социальных сетях

Материал разместил

Комментарий: 9
Angerfist
Angerfist 15.02.2016 19:281
0
Я извиняюсь,) картинка не добавлялась вот и 3 раза нажал добавление)
Kosten
Kosten 15.02.2016 20:307
0
Все нормально, так как некоторые вообще не разу не нажимают, а что то всегда требуют.
Angerfist
Angerfist 15.02.2016 19:302
0
Спасай!) картинку вышлю в ЛС
Kosten
Kosten 15.02.2016 20:163
0
В лс не нашел, пока с интернета вытянул.
Kosten
Kosten 15.02.2016 20:204
0
Все нормально, просто демонстрацию не заметил, с нее и сделал изображение.
Angerfist
Angerfist 15.02.2016 20:225
0
Спасибо,вовремя отредактировал!
Kosten
Kosten 15.02.2016 20:236
0
Но как быков не поставить, они ведь сайт украшают.)
Tergran
Tergran 16.02.2016 17:158
0
Возможно кому то скрипт нужен, но просто в нем смысла не вижу.
Angerfist
Angerfist 16.02.2016 22:489
0
На вебочке скрипт вернули к жизни "Превращение всех видео Youtube на странице в uLightbox V2.0"
avatar