[FAQ] bb-код [YOUTMOD] - картинка Ютуб с открытием в новом модальном окне

[ErikPshat]

Пример по теме:
Очень красивое видео!!!

Скрипт:

<style type="text/css">
a.apple-wrapper:hover {box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);border-radius:8px;}
</style>
<span style="display: inline-block;font-weight:bold;color:rgb(0, 0, 0);text-shadow:1px 10px 20px rgba(0,0,0,0.19); padding:0.4em 0.4em 0.4em 0;">{option}</span><br />
<a class="apple-wrapper" href="http://www.youtube.com/embed/{param}" 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;"><div style="box-sizing: border-box;background: url(https://www.pspx.ru/forum/images/editor/apple.png) center center no-repeat, url(https://img.youtube.com/vi/{param}/mqdefault.jpg) center center no-repeat;padding:85px 148px;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);border-radius:8px"><img width="48px" height="34px" src="https://www.pspx.ru/forum/images/editor/play2.png" title="{option}" alt="{option}" /></div></a>

in1975, интересная статья: http://qaru.site/questions/519/how-d...he-youtube-api

Без чёрных полос:

https://i.ytimg.com/vi_webp/<video id>/mqdefault.webp
https://i.ytimg.com/vi/<video id>/mqdefault.jpg

Эскизы с чёрными полосами по качеству и разрешению:

https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/default.jpg -   default
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/mqdefault.jpg - medium 
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/hqdefault.jpg - high
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/sddefault.jpg - standard
https://i1.ytimg.com/vi/<insert-youtube-video-id-here>/maxresdefault.jpg - maxres