Несколько плееров с потоковым видео на странице.

Сообщений: 791 Регистрация: Авг 2010

4 Апреля 2011 15:20

Добрый день. Прблема в следующем: на странице размещается несколько видеоплееров с потоковым видео, все они перебивают друг друга, либо звуком, либо чем то еще, да и места много они занимают. В общем, очень неудобно.
Задача: сделать шаблон со вкладками каналов (потоков) с переключением между ними, так, как показано на скрине:
Рисунок

Может быть кто-то подскажет, по какому html шаблону реализовать такую штуку

Есть поздравительный сайт? Заработай на нем!

STALKER-ZONNE

Сообщений: 445 Регистрация: Апр 2010

4 Апреля 2011 15:59

тут можно с помошю java script сделать! smile:)

Всё для сталкера

Павел

Сообщений: 791 Регистрация: Авг 2010

4 Апреля 2011 16:16

Ну вот скриптик мне и нужен

Александр Данилюк

Сообщений: 195 Регистрация: Мар 2011

4 Апреля 2011 19:54

Может нужен не один скриптик, а еще и сам html шаблон?)
Если - да, тогда могу предложить хороший макет "вкладок" на js.

Пример

Исходник

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

Берите какой больше понравился, и редактируйте.

p.s что-то гиперссылки не получилось сделать =)

Изменено: Александр Данилюк - 4 Апреля 2011 20:00

Павел

Сообщений: 791 Регистрация: Авг 2010

4 Апреля 2011 20:01

Александр Данилюк,
Огромное спасибо! Кажется то, что искал smile:)

Павел

Сообщений: 791 Регистрация: Авг 2010

4 Апреля 2011 23:10

Черт... Возникла проблемка...

Цитата

Здравствуйте, нашел Ваш мануал по блоку с вкладками на jQuery, огромное спасибо за него. Возник небольшой вопрос - при вставке в поле содержимого нескольких видеоплееров с потоковым видео (то есть какой либо телетрансляции) возникают проблемы - все они одновременно включаются вне зависимости от того, на какой вкладке находится пользователь. Можно ли сделать так, чтобы активным был только тот видеоплеер, вкладка которого открыта в данный момент, а все остальные находились бы в неактивном состоянии. Спасибо за внимание, надеюсь на Ваш ответ.

Кто нибудь поможет?) smile:)

Собственно, вот сам шаблон

Код

<div class="tabsContent">
       <!–- tabs -–>
       <ul class="tabNavigation">
               <li><a href="#first">Первая</a></li>
               <li><a href="#second">Вторая</a></li>
               <li><a href="#third">Третья</a></li>
   </ul>

   <!–- tab containers -–>
       <div class="tabCont" id="first"><div class="tabContainer">
               Содержание первой вкладки
       </div></div>
       <div class="tabCont" id="second"><div class="tabContainer">
               Содержание второй вкладки
       </div></div>
       <div class="tabCont" id="third"><div class="tabContainer">
               Содержание третьей вкладки
       </div></div>
</div>

Изменено: Павел - 4 Апреля 2011 23:12

Новые темы	Объявления	Свободное общение
20:48 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 11:59 2Index - быстрая индексация страниц сайта и обратных ссылок 20:24 Влияет ли кодировка на индексацию позиции в поиске? 13:29 Buymedia.biz - рекламная сеть 17:12 Bropush - твой бро в монетизации сайта push-уведомлениями 15:02 Adtrafico - Правильная партнёрская сеть под бурж трафик 09:06 Подскажите сервис который подскажет по каким самым нелепым запросам страница в топ-10	11:00 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок. 10:41 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 22:18 SwapPix.io - быстрый и безопасный обменник криптовалют. 13:59 DualCoin - быстрый криптовалютный обменник 11:42 Дешевые просмотры YouTube с гарантией, лайки, подписчики Instagram, ВК, Facebook, ОK, Twitter - SmmPanele.Ru 11:06 Google Voice - OLD аккаунты "SMS и звонки" 08:00 Transit-Bit.com - Обмен USDT на IDR, THB, RUB и наличные	04:37 Точные прогнозы на футбол 21:12 Каспкрски ОС 22:58 У меня дикая просадка по РСЯ за последние 3 суток 21:51 Linux - это максимальная свобода 21:33 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 14:38 Продажи российских компьютеров в РФ выросли вдвое 12:29 Карпаты

Новые темы

Объявления

Свободное общение

20:48 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
11:59 2Index - быстрая индексация страниц сайта и обратных ссылок
20:24 Влияет ли кодировка на индексацию позиции в поиске?
13:29 Buymedia.biz - рекламная сеть
17:12 Bropush - твой бро в монетизации сайта push-уведомлениями
15:02 Adtrafico - Правильная партнёрская сеть под бурж трафик
09:06 Подскажите сервис который подскажет по каким самым нелепым запросам страница в топ-10

11:00 SpeedyIndex - ускорение индексирования ссылок в Google. 100 ссылок в подарок.
10:41 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика
22:18 SwapPix.io - быстрый и безопасный обменник криптовалют.
13:59 DualCoin - быстрый криптовалютный обменник
11:42 Дешевые просмотры YouTube с гарантией, лайки, подписчики Instagram, ВК, Facebook, ОK, Twitter - SmmPanele.Ru
11:06 Google Voice - OLD аккаунты "SMS и звонки"
08:00 Transit-Bit.com - Обмен USDT на IDR, THB, RUB и наличные

04:37 Точные прогнозы на футбол
21:12 Каспкрски ОС
22:58 У меня дикая просадка по РСЯ за последние 3 суток
21:51 Linux - это максимальная свобода
21:33 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди
14:38 Продажи российских компьютеров в РФ выросли вдвое
12:29 Карпаты