Добрый день!
У меня на сайте много роликов Youtube. Они вставляются в тело статьи, посреди текста.
Поверх роликов мне нужно выводить текст. Вот тут скрин, чтобы было понятнее:
Это я сделал вот так:
<div>
//Тут код с Youtube//
<button id="overr">Это Вася, он ловит покемона.</button> // тут текст поверх ролика
<div>
Стили:
#overr {
display: block;
cursor: default;
position: relative;
bottom: 95px;
right: -440px;
padding: 10px;
font-Size: 12px;
background: #000;
border: 2px solid #fff;
outline: none;
color: #fff;
text-Decoration: none;
max-Width: 250px;
opacity: 0.75;
}
Мне нужно, чтобы когда пользователь запускал ролик (тыкает в любое место на плеере), надпись "Это Вася, он ловит покемона." пропадала.
Пробовал оборачивать ролик в DIV и через его событие onclick скрывать надпись (display:none), но не получается. Думаю это из-за того что ролик Ютуба это отдельный фрейм и событие onclick не отрабатывает. Хотя я в этом очень плохо разбираюсь...Youtube-ролики загружаются со стороннего сервиса т.е. в код самих роликов влезать нельзя. Можно работать только "вокруг" них.