Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.81/21: Рейтинг темы: голосов - 21, средняя оценка - 4.81
Cheizerman
0 / 0 / 0
Регистрация: 18.03.2013
Сообщений: 37
1

JQuery табы и видео с youtube, как остановить видео при переключении?

29.10.2014, 15:59. Просмотров 3986. Ответов 1
Метки нет (Все метки)

Дорогие друзья, нужна очень ваша помощь, ума не приложу как реализовать следующую задачу, есть JQUERY табы, список переключает табы, в которых видео с youtube, вставлено как iframe.

Если в одном табе запустить видео, и не останавливая его переключить на другой таб, то оно продолжает играть в закрытом табе, и это треш smile, как сделать так, что бы при переключении табов, все остальные видео ролики прекращали играть, кроме того, на таб которого переключились??? Всю голову изломал, в jquery только разбираюсь. Подскажите пожалуйста!!!!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div id="tabs">
<ul>    
<li><a href="#tabs-1" class="haract_line">1 видео</a></li>    
<li><a href="#tabs-2" class="haract_line">2 видео</a></li>
<li><a href="#tabs-3" class="haract_line">3 видео</a></li>
</ul>
        <div id="tabs-1" class="animated fadeInRight">
    <iframe width="570" height="351" src="//www.youtube.com/embed/Lkb1kGCsIJ0" frameborder="0" allowfullscreen"></iframe>
    </div>
    
    <div id="tabs-2" class="animated fadeInRight video1">
    <iframe width="570" height="351" src="//www.youtube.com/embed/Lkb1kGCsIJ0" frameborder="0" allowfullscreen></iframe>
    </div>
    
    <div id="tabs-3" class="animated fadeInRight video1">
    <iframe width="570" height="351" src="//www.youtube.com/embed/Lkb1kGCsIJ0" frameborder="0" allowfullscreen></iframe>
    </div>
</div>
Пытаюсь сделать как то так, хочу логику: по клику на табе, получаю id таба из атрибута href, так как этот же id и у div с iframe с видео, далее,
очищаю все iframe кроме того на таб которого кликнул. Но ничего не получается то что задумано smile) что не так?

Javascript
1
2
3
4
5
6
7
8
<script>
$(document).ready(function() {     
$('#tabs li a').click(function() {           
var vid= $(this).attr("href");
$('div:not(vid)').empty();         
}); 
});
</script>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.10.2014, 15:59
Ответы с готовыми решениями:

Остановить видео при закрытии модального окна
При клике на картинку появляется модальное окно. В нём видео. Если запустить...

Остановить проигрывание видео при клике на кнопку
Доброе время суток, есть такая проблема, не могу понять как можно реализовать,...

При переключении закладок, видео с предыдущей закладки не перестает проигрываться
При переключении закладок, видео с предыдущей закладки не перестает...

Пауза видео Youtube при нажатии на кнопку
На сайте скрипт iframe видео youtube. Как сделать так, что при нажатии на...

Остановить видео из ютуб при закрытии модального окна
Как остановить или поставить на паузу видео, если модальное окно закрывается?...

1
Alekzender
37 / 37 / 23
Регистрация: 21.02.2014
Сообщений: 112
30.10.2014, 17:05 2
может, то что народе называют "говнокод", но работает и понятно направление. Более подробно можно почитать тут
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
30.10.2014, 17:05

Остановить видео в слайдере при переходе на другой слайд
На 1 странице, есть два слайда и в каждом есть видео, как сделать так, что при...

Как поставить на паузу видео при воспроизведении второго видео
Как поставить на паузу видео при воспроизведении второго видео: &lt;video...

Остановить воспроизведение видео при прокрутке его за пределы экрана.
Сделал функцию на такой логике: когда я дохожу к видео оно начинает...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru