С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 17.11.2014
Сообщений: 46

Зациклить плейлист в плеере

05.10.2015, 11:19. Показов 1022. Ответов 0
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
добрый день! имеется плеер.
http://belelros.github.io/videojs-playLists/

у него скрипт:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
(function($){
  var videos = [
    {
      src : [
        'playlist/N1.mp4'
      ],
      poster : 'src/img/n1.jpg',
      title : 'Video 1'
    },
    {
      src : [
        'playlist/N2.mp4'
      ],
      poster: 'src/img/n2.jpg',
      title : 'Video 2'
    },
    {
      src : [
        'playlist/N3.mp4'
      ],
      poster: 'src/img/n3.jpg',
      title : 'Video 3'
    },
    {
        src: [
          'playlist/N4.mp4'
        ],
        poster: 'src/img/n4.jpg',
        title: 'Video 4'
    },
    {
        src: [
          'playlist/N5.mp4'
        ],
        poster: 'src/img/n5.jpg',
        title: 'Video 5'
    }
  ];
 
 
  var demoModule = {
    init : function(){
      this.els = {};
      this.cacheElements();
      this.initVideo();
      this.createListOfVideos();
      this.bindEvents();
      this.overwriteConsole();
    },
    overwriteConsole : function(){
      console._log = console.log;
      console.log = this.log;
    },
    log : function(string){
      demoModule.els.log.append('<p>' + string + '</p>');
      console._log(string);
    },
    cacheElements : function(){
      this.els.$playlist = $('div.playlist > ul');
      this.els.$next = $('#next');
      this.els.$prev = $('#prev');
      this.els.log = $('div.panels > pre');
    },
    initVideo : function(){
      this.player = videojs('video');
      this.player.playList(videos);
    },
    createListOfVideos : function(){
      var html = '';
      for (var i = 0, len = this.player.pl.videos.length; i < len; i++){
        html += '<li data-videoplaylist="'+ i +'">'+
                  '<span class="number">' + (i + 1) + '</span>'+
                  '<span class="poster"><img src="'+ videos[i].poster +'"></span>' +
                  '<span class="title">'+ videos[i].title +'</span>' +
                '</li>';
      }
      this.els.$playlist.empty().html(html);
      this.updateActiveVideo();
    },
    updateActiveVideo : function(){
      var activeIndex = this.player.pl.current;
 
      this.els.$playlist.find('li').removeClass('active');
      this.els.$playlist.find('li[data-videoplaylist="' + activeIndex +'"]').addClass('active');
    },
    bindEvents : function(){
      var self = this;
      this.els.$playlist.find('li').on('click', $.proxy(this.selectVideo,this));
      this.els.$next.on('click', $.proxy(this.nextOrPrev,this));
      this.els.$prev.on('click', $.proxy(this.nextOrPrev,this));
      this.player.on('next', function(e){
        console.log('Next video');
        self.updateActiveVideo.apply(self);
      });
      this.player.on('prev', function(e){
        console.log('Previous video');
        self.updateActiveVideo.apply(self);
      });
    },
    nextOrPrev : function(e){
      var clicked = $(e.target);
      this.player[clicked.attr('id')]();
    },
    selectVideo : function(e){
      var clicked = e.target.nodeName === 'LI' ? $(e.target) : $(e.target).closest('li');
 
      if (!clicked.hasClass('active')){
        console.log('Selecting video');
        var videoIndex = clicked.data('videoplaylist');
        this.player.playList(videoIndex);
        this.updateActiveVideo();
      }
    }
  };
 
  demoModule.init();
})(jQuery);
Плейлист заканчивается, когда срабатывает lastVideoEnded. Помогите пожалуйста зациклить плейлист. в JS не силен
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
05.10.2015, 11:19
Ответы с готовыми решениями:

Перемотка в плеере
Всем привет! Вопрос такой, как в плеере http://codepen.io/dudleystorey/pen/GEyzn реализовать перемотку?

Замена постера в плеере
Здравствуйте, не знаю, ту да ли пишу, но все же думаю, что моя проблема решается с помощью JavaScript. У меня есть есть кино-сайт и...

Плейлист как на youtube, с чего начать?
Нужно создать плейлист примерно как на youtube.com https://www.youtube.com/watch?v=t4mUEKCKCtw&amp;list=RDMMt4mUEKCKCtw Но я не знаю с чего...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
05.10.2015, 11:19
Помогаю со студенческими работами здесь

Офлайн видео в вк плеере с компа
Подскажите реально ли сделать страничку с вк плеером чтоб она проигрывала видео с жесткого диска в офлайн режиме. И если не затруднит...

Реализовать плейлист для HTML тега <audio>
Задача состоит в следующем, реализовать плейлист для тега &lt;audio&gt; с запуском по клику по файлу и тд. Что то на подобии плеера...

Подмена плейлиста в плеере без перезагрузки страницы
Помогите реализовать идею с заменой плейлиста в плеере без перезагрузки страницы при помощи js( я — новичок и вовсе не знаю js). Есть...

Установить плейлист на форум. Разная музыка для разных страниц
Хочу установить плей лист на форум, и чтобы когда переходите в тему или в раздел чтобы музыка не повторялась!

Зациклить функцию
Здравствуйте)) Пишу расширение для Google chrome, суть расширения в том, что оно в фоновом режиме парсит определенную страницу на...


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

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Новые блоги и статьи
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
Модель микоризы: классовый агентный подход 2
anaschu 06.01.2026
репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .
Расчёт токов в цепи постоянного тока
igorrr37 05.01.2026
/ * Дана цепь постоянного тока с сопротивлениями и напряжениями. Надо найти токи в ветвях. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и решает её. Последовательность действий:. . .
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru