Tenno Seremel Дневник

суббота, 14 декабря 2019

Frozen flame

16:50
Замена встраивания iframe'ами видео с ютуба на его же превью со ссылкой прошла успешно. Что бы ещё такого с iframe'ами с bandcamp придумать :hmm:

@темы: meta

URL
меня распирает от умиления. мне очень радостно, что стран...
Здорово тут «полоска» прокрутки сделана!
Страна, говорю, своебразная, так что и духовность у них с...
Ах да, совсем забыл поинтересоваться... Кубики, а вы...
детский сад выводит из себя...
я сегодня супер-зритель...пошла у меня дома волна кинопро...

14.12.2019 в 17:03

14.12.2019 в 17:03
А с какой целью?
URL

14.12.2019 в 17:54

14.12.2019 в 17:54
pickaboo, чтобы сторонние (в частности гуловские) скрипты всякие не выполнялись. Ну и загрузить картинку быстрее и проще, чем полный гугловский плеер, производительность меньше страдает, особенно когда видео много на странице, а люди ещё и с мобильных устройств ходят.
URL

14.12.2019 в 18:00

14.12.2019 в 18:00
Tenno Seremel, а это решит проблему, когда полвидео обрезается на телефоне с адаптивного диза?
URL

14.12.2019 в 18:10

14.12.2019 в 18:10
pickaboo, ну как, в каком-то смысле решит, потому что там будет просто картинка, которая сама ужимается в адаптивных дизайнах. Просто при клике так происходит переход на ютуб в отдельной вкладке, потому что, по сути, это просто ссылка с картинкой.

Что касается встроенных видео, можно попробовать iframe { max-width: 100% !important; }
URL
14.12.2019 в 18:47
А как вставлять сцылку с картинкой вместо iframe? Это надо чо-то в дизайне допиливать или просто хитрая строка в тексте?
URL

14.12.2019 в 19:15

14.12.2019 в 19:15
ТёмныйЭльфНавостриэль2010, я создаю кастомную кнопку с таким кодом:



Здесь ставится class="youtube-link", чтобы можно было дальше его потом стилизовать. С помощью этого я добавляю рамку, тень и надпись YouTube. Можно, конечно, всё запихать в код, но тогда если я потом захочу, например, цвет рамки поменять или тень убрать, придётся все посты с видео редактировать, что неудобно.

Потом, когда пишу пост, пишу идентификатор видео ютуба (это значение параметра v в ссылке; набор букв, цифр и прочих символов), выделяю его и жму эту кнопку.

У этого способа есть недостаток. Если видео старое или просто мелкое, то превью maxresdefault.jpg у него может не быть вовсе — будет заглушка. Плохо сделали. Поэтому я сначала смотрю в предпросмотре, и если картинка не появилась, то пробую другие варианты: sddefault.jpg или hqdefault.jpg
URL
14.12.2019 в 19:31
Песдетс. В наше время всё проще было. Если ты мог сделать сцылку "a href", ты уже был кароль!
А где ты создаёшь кастомную кнопку? В тексте комментария? (Эт не токо для меня, ведь кто-то другой может тоже это прочитать)
А где выделяешь id видео? В адресной строке ютуба? А как ты нажимаешь кнопку, если видео на одной вкладке, а кнопка на вкладке с будущим комментарием?

А большие буквы R в квадратных скобках, это с какой-то целью?
Вставил в черновик, никакой тебе кнопки, но есть картинка с тремя точками а под ней надпись [cuRs]
жмёшь на сцылку, и надпись "video unavailable"
Кастомная кнопка в дайрике, да?

Йа асилил! Настраиваемая кнопка в дайри и там переменные maRk & cuRs. Но есть некоторые неудобства:
1) Так афтар просто жмёт share & embed & copy и у него в буфере сцылка. А в этом случае ему надо выделить мышью нужный текст, скопировать, вставить его на свою страницу, снова выделить и потом токо нажать кнопку.

2) В этом случае юзер уходит со странички афтара на ютуб и там залипает надолго. После чего внимание посетителя монетизирует уже ютуб, а не афтар )) А в случае встроенного, всё-таки посетитель остаётся на страничке афтара и читает дальше. Да, жрёцца память, выполняются скрипты - но на стороне юзера, а не афтара! ))
URL

14.12.2019 в 19:53

14.12.2019 в 19:53
ТёмныйЭльфНавостриэль2010, в настройке дайриков :)
А где выделяешь id видео? В адресной строке ютуба?

Да
А как ты нажимаешь кнопку, если видео на одной вкладке, а кнопка на вкладке с будущим комментарием?

Так я ссылку сначала же вставляю в поле поста/комментария, оставляю от неё только идентификатор, и потом уже жму.
А большие буквы R в квадратных скобках, это с какой-то целью?

Это специальные метки дайриков, они требуют их так записывать :) [cuRs] — позиция курсора после вставки. [maRk] — вместо этого вставится выделенный текст.
URL
14.12.2019 в 20:00
Да, йа уже просёк, спасибо. И даже обновил свой коммент 2 раза! ))
URL

14.12.2019 в 20:43

14.12.2019 в 20:43
ТёмныйЭльфНавостриэль2010, твой ник не влезает в отведённое пространство над аватаркой, пришлось добавить принудительный перенос :lol:


URL
14.12.2019 в 20:48
Вот уж не думал, что это у кого-то вызовет неудобство. У меня уж несколько лет он такой ))
URL

14.12.2019 в 20:53

14.12.2019 в 20:53
ТёмныйЭльфНавостриэль2010, это не неудобство, а так, вопрос дизайна :)
URL