Скрыть объявление
ВАШИ ПРАВА ОГРАНИЧЕНЫ!

Зарегистрируйтесь на форуме, чтобы стать полноценным участником сообщества!

Помощь с js

Тема в разделе "Вопросы- ответы", создана пользователем Serg, 4 авг 2018.

04.08.18 в 12:10
04.08.18 в 16:34
6
1.784
0
  1. TopicStarter Overlay
    Serg

    Serg Новичок

    Регистрация:
    30 окт 2015
    Сообщения:
    37
    Лучших ответов:
    0
    Рейтинги:
    +2 / 0 / -0
    Добрый день.
    Есть старый скрипт плейлист серий, раньше добавлял серии с вк но щас много удаляют и стало потребность его подкорректировать под другие видео ресурсы.
    Вообщем пытаюсь сделать вот так:
    let dubPlaylist;
    let $playlist = $('.dub-playlist');
    let firstSeries = !0;
    let itemSe = 1;
    function loadPlayer(data){
    dubPlaylist = data;
    dubPlaylist.playlist.forEach(function(item){
    let $newUl = $('<ul></ul>');
    if(item.playlist.length){
    item.playlist.forEach(function(series){
    if ("data".indexOf("html")) {
    firstSeries && $('#dub-player').attr('src',"//myvi.ru/player/embed"+series.file);
    }
    else if ("data".indexOf("id=")) {
    firstSeries && $('#dub-player').attr('src',"//video.sibnet.ru/shell.php?video"+series.file);
    }

    $('<li></li>')
    .text(series.comment)
    .appendTo($newUl)
    .on('click',function(){
    $('li',$playlist).removeClass('current');
    $(this).addClass('current');

    if("src".indexOf("html")) {
    $('#dub-player').attr('src',"//myvi.ru/player/embed"+series.file);}
    else if("src".indexOf("id=")) {
    $('#dub-player').attr('src',"//video.sibnet.ru/shell.php?video"+series.file);}


    })
    .addClass(firstSeries ? 'current' : null);
    firstSeries = 0;
    })
    }

    Но выводиться только серии с myvi , а вот sibnet чет не выходит .
    Сразу скажу по чему "data" и "src" в " без них скрипт не работает вообще(
    (Вопрос Решен!)
     
    #1 Serg, 4 авг 2018
    Последнее редактирование: 4 авг 2018
  2. Defoz

    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.841
    Лучших ответов:
    4
    Рейтинги:
    +257 / 56 / -0
    Serg я в общем то не шарю в js.... но нужно еще добавить к твоему тз, как ты выводишь сами серии)
     
  3. TopicStarter Overlay
    Serg

    Serg Новичок

    Регистрация:
    30 окт 2015
    Сообщения:
    37
    Лучших ответов:
    0
    Рейтинги:
    +2 / 0 / -0
    Серии находятся в .txt подгружаю через ajax
     
  4. Shinigami

    Shinigami Посетитель

    Регистрация:
    30 ноя 2017
    Сообщения:
    73
    Лучших ответов:
    0
    Рейтинги:
    +14 / 1 / -0
    Намешал дак намешал, кстати есть теги для вставки скриптов )
    if("src".indexOf("html")) { - как ты хочешь найти html с строке src ?)
    Тебе надо сделать совершенно другой подход к этому делу, а для кроссбраузерностьи я бы рекомендовал убрать let и использовать обычные var
     
  5. igrovik

    igrovik Местный

    Регистрация:
    11 дек 2016
    Сообщения:
    1.007
    Лучших ответов:
    8
    Рейтинги:
    +354 / 12 / -0

    Может я ошибаюсь но почему в этом месте стоит if("src".indexOf("html")) { html а здесь else if("src".indexOf("id=")) { id не пробовал ставить тоже html ??
     
  6. iCooLER

    Кодер

    Регистрация:
    13 сен 2016
    Сообщения:
    390
    Лучших ответов:
    6
    Рейтинги:
    +318 / 12 / -0
    Отпиши в ЛС, если актуально. И сразу дай линк на пример,и опиши конкретнее что-ли... Помогу чем смогу)
     
  7. Shinigami

    Shinigami Посетитель

    Регистрация:
    30 ноя 2017
    Сообщения:
    73
    Лучших ответов:
    0
    Рейтинги:
    +14 / 1 / -0
    Начиркал тебе нормальный вариант, красивости сделаешь сам, хотя скину тестовые тоже:

    Код:
     <style>
            * {margin:0; padding:0; outline:0; box-sizing:border-box;}
            .player {margin:50px auto; width:620px; overflow:hidden;}
            .player #dub-player {width:100%; height:480px; border:0px;}
            .player #dub-playlist {width:100%; height:100px; overflow:hidden; overflow-y:auto;}
            .player #dub-playlist li {margin:1px; border-bottom:1px solid #DDD; text-align:left; text-intent:10px; line-height:30px; height:30px; cursor:pointer; color:#000;}
            .player #dub-playlist li.current {background:#000; color:#FFF;}
     </style>
    <div class="player">
        <iframe id="dub-player" frameborder="0"></iframe>
        <div id="dub-playlist"></div>
    </div>
    <script>
        (function ($) {
            return $.fn.dubPlayList = function (pl, elem) {
                if (pl) {
                    var ul = $('<ul/>');
                    $.get(pl, function (data) {
                        if (data != null) {
                            $((typeof(data) == 'object' ? data : JSON.encode(data)).playList).each(function () {
                                $('<li/>', {
                                    'text': this.comment,
                                    'data-url' : this.file,
                                    click: function () {
                                        elem && $(elem).attr('src', this.dataset.url);
                                        $('li', this.parendNode).removeClass('current');
                                        $(this).addClass('current');
                                    }
                                }).appendTo(ul);
                            });
                        }
                    });
                    $(this).append(ul);
                }
            };
        })(jQuery);
        $('#dub-playlist').dubPlayList('pl.json', '#dub-player');
    </script>
     
    • Нравится Нравится x 2
Похожие темы
  1. Betmenko
    Ответов:
    0
    Просмотров:
    611
  2. JustCain
    Ответов:
    1
    Просмотров:
    713
  3. Seo-keys
    Ответов:
    20
    Просмотров:
    1.626
  4. KEga
    Ответов:
    5
    Просмотров:
    695
  5. Thor
    Ответов:
    11
    Просмотров:
    1.168
Загрузка...
Яндекс.Метрика