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

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

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

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

Пример

Исходник

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

p.s что-то гиперссылки не получилось сделать =)
Изменено: Александр Данилюк - 4 Апреля 2011 20:00
Александр Данилюк,
Огромное спасибо! Кажется то, что искал smile:)
Черт... Возникла проблемка...
Цитата
Здравствуйте, нашел Ваш мануал по блоку с вкладками на 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
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
22:11 Объявления гугл выходят за пределы страницы. 
22:08 Google делает подляну сайту 
21:09 Невероятное открытие – Nofollow ссылки улучшают ваши позиции 
21:02 "Белый экран" при попытке установки или обновления компонентов (j3.6.2) 
20:02 Скрывать ли категории (рубрики) 
19:18 Текстовый апдейт: выложен индекс по 16 сентября 2016 
17:34 Adsense личный опыт 
20:29 Комплексный прогон сайтов, нет каталогов от shtaketo, хороший рост позиций + Тиц 30 - 100 
20:08 3 совета по Юзабилити и Конверсии / SEO аудит 
19:50 Dark Sender - новая программа для рассылки в Вконтакте 
19:15 Дизайн: сайтов, баннеров, шапок, логотипов,оформление групп вконтакте 
18:14 Куплю аккаунты Adsense 
16:36 Доходный онлайн кинотеатр с трафиком 
16:24 Продвижение в социальных сетях: Вконтакте, Одноклассники, Твиттер, Instagram, YOUTUBE, Facebook, Мой мир. 
22:24 Нужен баннер для популяризации раздела "Интересные темы" (безвозмездно) 
21:49 Есть тут те, кто вообще не умеет создавать сайты и сейчас не имеет ни одного? У кого не было первого раза? 
21:37 Халява, почти. Текст более 3 млн.сим., ~200 тИЦ, до 10 тыс.твиттер прогон (значения указаны суммарно) БЕСПЛАТНО 
21:11 Доска объявлений ищет нового хозяина 
20:11 TrustLink и SeoPult запускают увлекательную игру / "SeoМонстры" 
19:34 Бесплатно 1 000 просмотров Youtube c удержанием аудитории 70-100% 
18:27 «Угадай дату апдейта тИЦ» — получи Xneolinks + 500 рублей!