Свернуть iframe после завершения видеоконтента YouTube

У меня есть изображение на моей странице, которое при щелчке заменяется большим встроенным видео YouTube. код здесь ... Свернуть iframe после завершения видеоконтента YouTube

<img src="/image/data/banners/birthdaycardsbanner.png"/></div> 

<div id="thevideo1"> 
<iframe id="iframe1" 
src="http://www.youtube.com/embed/myurl? 
rel=0&vq=hd720&color=white&autoplay=0 
&wmode=transparent&theme=light&showinfo=0" 
frameborder="0" allowscriptaccess="always" allowfullscreen="true"> 
</iframe>

И что немного работает. Изображение представляет собой длинный тонкий баннер. Но после того, как видео заканчивается, оно остается на экране видео, и я хотел бы, чтобы он вернулся к меньшему изображению. Я не могу найти, как это сделать. Не повезло найти ответ или попробовать биты. Можно ли это сделать? Большое спасибо

источник

2014-10-03 action jack

Вы можете использовать jquery для «удаления» вашего iframe при завершении видео.

Чтобы удалить iframw, просто использовать этот код

$('#iframe1').remove();

Пример:

http://jsfiddle.net/4cxbeevj/

Чтобы запустить событие, когда видео конца, пожалуйста, посмотрите на следующий источник

How to fire function on Embedded YouTube iFrame's end

источник

2014-10-03 09:32:23 GibboK

Thanks Gibb ОК. Это довольно полезный небольшой совет, но я хочу, чтобы он автоматически исчезал после воспроизведения видео. Когда он возвращается к показу: нет. Не могу найти, как это сделать. –

Вы написали в своем вопросе «Но после окончания видео», поэтому, я полагаю, вам нужно запустить событие, когда видео заканчивается. Альтернативно улавливайте какое-то событие при воспроизведении видео или, возможно, используете setTimeOut() – GibboK

Да что-то в этом роде. setTimeOut() - идея. Я займусь этим. Спасибо –

Свернуть iframe после завершения видеоконтента YouTube

ответ

Смежные вопросы