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

Сообщений: 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

Новые темы	Объявления	Свободное общение
16:45 Adfinity - Ваш надежный партнер в монетизации трафика 15:05 Gambling Craft - гемблинг по белому 19:35 Парсят сай до ddos 16:02 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 11:51 Ходяга(АнтиМинусинск) - программа для проклика ссылок, генерации поискового и соц.трафика, улучшения ПФ 14:39 AviTool - мощный инструмент для автоматизации работы с Avito 11:36 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!	16:14 ProxyWins.com - 15% по промо-коду "venividivici" 16:04 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика 13:48 Expa24.com Обмен Криптовалют. Ввод/Вывод наличные Украина/Северный Кипр/Мир 12:03 Starcrown Partners – Партнерская программа для гемблинг/беттинг трафика 04:29 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 00:02 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника 22:32 Прием платежей для HIGH RISK \| Прием платежей без сайта	19:30 Точные прогнозы на футбол 20:09 Сколько сейчас стоит наполнение ИМ? 12:43 Куплю проигрышные букмекерские аккаунты 04:33 Половина скидок на распродажах — фейк 07:53 НейроБабушка наказывает мошенников 19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту

Новые темы

Объявления

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

16:45 Adfinity - Ваш надежный партнер в монетизации трафика
15:05 Gambling Craft - гемблинг по белому
19:35 Парсят сай до ddos
16:02 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!
11:51 Ходяга(АнтиМинусинск) - программа для проклика ссылок, генерации поискового и соц.трафика, улучшения ПФ
14:39 AviTool - мощный инструмент для автоматизации работы с Avito
11:36 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!

16:14 ProxyWins.com - 15% по промо-коду "venividivici"
16:04 Создам под вашу нишу сетку сайтов-сателлитов для привлечения целевого трафика
13:48 Expa24.com Обмен Криптовалют. Ввод/Вывод наличные Украина/Северный Кипр/Мир
12:03 Starcrown Partners – Партнерская программа для гемблинг/беттинг трафика
04:29 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
00:02 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника
22:32 Прием платежей для HIGH RISK | Прием платежей без сайта

19:30 Точные прогнозы на футбол
20:09 Сколько сейчас стоит наполнение ИМ?
12:43 Куплю проигрышные букмекерские аккаунты
04:33 Половина скидок на распродажах — фейк
07:53 НейроБабушка наказывает мошенников
19:59 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко
19:57 Пятница 13-ое: VK принял радикальное решение и закрыл доступ к порно контенту