Видео с 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> | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 9 | |
|
| |
