Как запретить переход по ссылке на YouTube?

Question

[Сергей БАрд]

Всем привет. Нужно сделать так чтобы при клике на значок YouTube в видео не происходило ничего, т.е. не было перехода на сервис YouTube. Например тут есть видосик и при клике нет перехода

Может кто знает как это сделать?, поиском пользовался но он ничего толкового не нашол, только всякие лайфхаки и т.д.

Answer 1

[Makaren]

В ссылке фрейма для видео добавить параметр modestbranding=1
"С помощью этого параметра можно убрать из проигрывателя логотип YouTube. Вместо него при наведении курсора на проигрыватель во время паузы в правом верхнем углу будет отображаться небольшая текстовая метка YouTube."
https://developers.google.com/youtube/youtube_play...

Answer 2

[Кирилл]

Поверх ютубовского значка просто наложен прозрачный div абсолютом. И всё, никакой магии. А то, что некоторые всё-таки смогли перейти на ютуб говорит о том, что div просто наложен не ровно)

Comments

[Сергей БАрд]

точно, вижу), спасибо большое), а как я выше писал это не можно сделать встроенными методами?

[GavriKos]

Да это ж костыль.

Answer 3

[GavriKos]

Если вы про видеообзор - то у меня все переходит.

Comments

[Сергей БАрд]

да про него, странно пробовал с разных браузеров и перейти не могу, даже курсор при наведении не изменяеться, все как на фотке

[Дмитрий Крымцев]

у меня тоже переходит, сюда https://www.youtube.com/watch?time_continue=1&v=r3...

[Сергей БАрд]

Дмитрий Крымцев: ничего не понимаю(, хорошо, а вообще это можно сделать как-то так чтобы было не очень муторно?, так сказать штатными способами?

[Froggyweb]

Сергей БАрд: хранить видосики на своем сервере. А то и рыбку съесть и функционал гвгла обрезать. Купят кому надо игрушку и так. А если видео проигрывается мелко или неудобно то не купят.з

[Сергей БАрд]

Froggyweb: а я ещё где-то читал что можно заменять плеер на свой, или лучше всего как вы написали "хранить видосики на своем сервере"?

Answer 4

[darkvortex31]

Сделал так: создал под фреймом div class="zaglushka"
прилепил ему стиль.
.zaglushka {
width: 80%; //ширина заглушки
height: 45px; //высота заглушки
position: relative; //позицию, чтобы не уехало на разных мониторах по высоте, но можно и абсолютом
left: 16%; // отступ слева, чтобы можно было громкостью пользоваться
bottom: 44px; // Поднять относительно позиции под фремом
float: left; // выравниевание
}
В параметра плеера обязательно ставим showinfo=0" (чтобы в фрейме небыло кликабельного названия видоса)

Общий вид кода :







Понятное дело, костыль, но быстро и просто.
p/s кому нужно, через инспектор все равно уберет заглушку и перейдет на ютуб. Но от этого спасу нет:)

Comments

[darkvortex31]

<div class="container text-center">
    <div class="embed-responsive embed-responsive-16by9">
		<iframe width="560" height="315" src="https://www.youtube.com/embed/ВАШАССЫЛКА?rel=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </div>
    <div class="zaglushka"></div>
    </div>