0 / 0 / 0
Регистрация: 18.03.2013
Сообщений: 37
1

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

29.10.2014, 15:59. Показов 5694. Ответов 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
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.10.2014, 15:59
Ответы с готовыми решениями:

Работа с видео на youtube, нужен массив [ссылка на видео, название видео]
Собственно с одной стороны есть экселевский документ с номерами, с другой стороны канал на ютубе....

Скрипт для просмотра видео в окне с YouTube на jQuery
При клике на картинку запускается видео с Ютуба в окне поверх страницы. Данный скрипт работает, но...

Как остановить видео в MediaElement при нажатии на кнопку?
например в формах перетащил элемент и он автоматом стал типа button1 а тут то обычый тип...

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

1
37 / 37 / 23
Регистрация: 21.02.2014
Сообщений: 112
30.10.2014, 17:05 2
может, то что народе называют "говнокод", но работает и понятно направление. Более подробно можно почитать тут
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.10.2014, 17:05
Помогаю со студенческими работами здесь

NotSupportedException при попытке остановить видео
Начал изучать WPF. При первом же запуске видео, возникает исключение в строке 4, на...

Странности при просмотре видео на YouTube
Когда просматриваю любое видео на ютуб оно может полностью повиснуть (картинка зависает но звук...

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

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


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2023, CyberForum.ru