[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

[in1975]

Ang3l42, да

[Ang3l42]

in1975, Мне этот кругляк тоже не нравится. Надо другую иконку какую-то.

[in1975]

Ang3l42, просто там наложение 2х иконок, вот поэтому некрасиво

[Ang3l42]

in1975, https://www.pspx.ru/forum/showpost.php?p=1161530 тут он не лучше выглядит. Вроде одна иконка. Но без черного круга было бы красиво.

[in1975]

Ang3l42, тогда надо выбрать предпоследнюю иконку, ведь она уменьшается

[Ang3l42]

in1975, Кстати да. Стандартная иконка ведь.

[ErikPshat]

Сменил иконку mqdefault.webp на mqdefault.jpg ибо я заметил не в первый раз видео без иконки. Видимо потому что видео низкого качества и короткое. Наверное поэтому иконку не делают в WEBP, а вот в JPG имеется. Разница в размере 1/3, но и это незначительно, так что пойдёт.
Вот тест: https://www.pspx.ru/forum/showpost.php?p=1162941

Ну и что вы решили, поменять ещё иконку Play? По мне так и эта нормально смотрится. Огна ведь подходит к дизайну рамочки.

[Ang3l42]

Сообщение от ErikPshat Огна ведь подходит к дизайну рамочки.

Можно затереть эту черную рамку и тогда будет норм. А так она глаза режет. Выглядит как сантех прокладка для труб) А вообще ведь есть стандартная иконка. Которая предпоследняя.

[ErikPshat]

Ang3l42, тебе не нравится глянцевая окантовка? А если самая последняя https://www.pspx.ru/forum/showpost.php?p=1161530

Просто стандартная иконка на самом видео имеется в открывшемся окне.

[Ang3l42]

ErikPshat, Ну вот я о ней тоже думал. Но было бы интересно готовые варианты рассмотреть.

Сообщение от ErikPshat тебе не нравится глянцевая окантовка?

Мне не нравится, что эта черная окантовка как яйцо сверху и снизу выпирает.
Да и просто предпоследняя иконка - стандартная. Чего голову ломать?

[ErikPshat]

Сообщение от Ang3l42 Но было бы интересно готовые варианты рассмотреть.

Хорошо, вот тебе пример: https://www.pspx.ru/forum/showpost.php?p=1162941

Там ещё сделал выпирание теней при наведении.

[Ang3l42]

Сообщение от ErikPshat Хорошо, вот тебе пример

Ну и нормально. Стандартная иконка. Сразу понятно, что ютуб.

[ErikPshat]

Ang3l42, ну и пусть так останется. Потом думаю сделать, чтобы в один ряд можно было несколько видео вставлять а сейчас пока только по одному видео в строке.

P.S. Скрипт в шапке обновил.