ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Переключатель плеера авто размером для uCoz

Переключатель плеера авто размером для uCoz

Но начнем мы с переключателя, это может пойти под части фильма или сериал не более где 4 серии. А так основном его ставят на один фильм и просто дублируют несколькими плеерами, на тот случай, если один откажет. И теперь вы можете поставить полностью рабочий скрипт, так как сейчас его проверил и он работает. И вверху у него будут красивые переключатели, и если одна кнопка становиться немного больше, значит на этой и показывает и немного меняется сам оттенок ее.

Кнопки переключать серий и плеер

И так начнем установку:

Идем в CSS и там ставим стиль.

Код

p {padding: 7px 0;}
.sectiontable {
  width: 100%;
  margin: 10 0 30px;
}
ul.tabs {
  height: 34px;
  padding:0px 0 5 0px;
line-height: 25px;
  list-style: none;
}
.tabs li {
  float: left;
  display: inline;
  margin: 0 3px -1px 0;
  padding: 0 13px 1px;
border-radius:4px;
  color: #8EFFFB;
  cursor: pointer;
  background: #121212;
  border: 1px solid #E4E4E4;
  border: 1px solid #5E5E5E;
  position: relative;
}
.tabs li:hover,
.vertical .tabs li:hover {
  color: #FFF;
  padding: 0 13px;
  background: #21585C;
  border: 1px solid #666555;
}
.tabs li.current {
color: #FFFAA5;
  background: #3C9CB9;
  padding: 0 13px 2px;
  border: 1px solid #3C9CB9;
}
.box {
  display: none;
  border-radius: 3px;
  border: 1px solid #E4E1E1;
  border-width: 0 1px 1px;
  background: #DEDDDD;
}
.box.visible {
  display: block;
}
.section.vertical {
  width: 440px;
  border-left: 160px solid #FFF;
}
.vertical .tabs {
  width: 160px;
  float: left;
  display: inline;
  margin: 0 0 0 -160px;
}
.vertical .tabs li {
  padding: 0 13px;
  margin: 0 0 1px;
  border: 1px solid #E4E4E4;
  border-right: 1px solid #F9F9F9;
  width: 132px;
  height: 25px;
}
.vertical .tabs li:hover {
  width: 131px;
}
.vertical .tabs li.current {
  width: 133px;
  color: #444;
  background: #EFEFEF;
  border: 1px solid #D4D4D4;
  border-right: 1px solid #EFEFEF;
  margin-right: -1px;
}
.vertical .box {
  border-width: 1px;
}

Теперь сам каркас, где вы будете его ставить и в него плееры, сделаем на 2 переключателя, если вам нужно три, то просто первый берем и продолжаем дальше его прописывать.

Код

Вот мы поставили каркас или обвод, если так можно сказать, вообщем чтоб красиво было и переключать удобно. Но кто то меняет дизайн и у шаблона совершенно другие параметры и ему нужно каждый фильм потом подгонять, это очень муторно и долго, когда все можно стилями исправить.

Идем опять в CSS и там ставим этот стиль.

Код

/* PLEER */
.videoPlayer embed,
.videoPlayer object,
.videoPlayer iframe {width: 687px !important; height:380px; padding: 10px 10px 8px 10px; !important;}

На нем и выставляем ширину и высоту, также если у вас обвод, то 10px 10px 8px 10px можете отредактировать, как на изображение видим, он у нас светло серый, по всем сторонам.

Но это не все, теперь нам нужно зайти вид материала и комментариев, мы возьмем каталог файлов. Там находим, то что выводит описание и все остальное, это MESSAGE что и нужно его заключить , а точнее должен быть так.

Код

<div class="videoPlayer">$MESSAGE$</div>

И так то все, ставим и все потом настраиваем как вам нужно, скачивать не чего нам не нужно и заливать в корень сайта.

15 Февраля 2016 Просмотров: 2901 Комментариев: (18)

Поделиться в социальных сетях

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 18
Порядок вывода комментариев: YaVi 15 Февраля 2016 23:04¹ +3 Полезный скрипт) Kosten 15 Февраля 2016 23:52² 0 Да, верно, а вот на кино плюс, не могу поставить слайдер, не знаю, раньше ставил, сейчас вообще как то все куралесит. Maryges 16 Февраля 2016 13:22³ 0 Вообще на тематике кино сайт, редко меняют шаблон из за плеера, так как его выставляют. Kosten 16 Февраля 2016 14:33⁴ +1 Но с таким скриптом, можно позволить, сам буду пробовать, потом отпишу, что получиться, на тестовом все нормально выводит. tsakonter 16 Февраля 2016 16:53⁵ 0 Хорошо подошел, не думал, светлый обвод темнее сделать, так как сайт не полностью темный. Maryges 16 Февраля 2016 16:58⁶ 0 Костен, ты что хочешь поставить этот дизайн на CSTAVR, так он же убитый, там с ним если что то не так, то все летит. Tergran 16 Февраля 2016 17:12⁸ 0 Мне вот интересно, старый новый, разницы нет, вот просто зашел и несколько сайтов в топе которые проверил на мобильную оптимизацию, и что, не у кого нет ее просто. Kosten 16 Февраля 2016 17:35¹⁰ 0 Да есть желание такое, вот видно пока начал настраивать, думаю не лепить все подряд а так оставить, это описание и сам плеер, но и социальные кнопки. AnTron 16 Февраля 2016 17:08⁷ +1 С этими переключателями на плеер много можно найти, но этот мне больше нравиться, а вот что под размер сделано, такое в первые вижу. Это дела такое, кто хочет сменить шаблон, и фильмов у него как у дурака махорки, то там неделю нужно сидеть и все править. А с таким скриптом, это проблема просто уходит. csretven 16 Февраля 2016 17:33⁹ 0 Раньше был кино сайт, ох и помучился с ним, если что то в топ и выйдет из нового, то жди письма, это хорошо когда старые фильмы в топе, на них как то не обращают внимание, но кроме Русских, да Укоаина, мне вообще письмо высылала и с предуприждением, что выходит такой сериал и у нее все права, Не понимая, что вообще их фильмы не закачиваю, не знал до этого, что вообще снимают они. misselev1984 08 Апреля 2016 01:52¹¹ 0 Привет Почему кнопки не работают? Не переключить плеер, в чем фокус? Подскажите пожалуйста
1 2 »