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

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

Прикрепляем скрин видео к плееру moonwalk

Тема в разделе "Плееры для кино сайтов", создана пользователем o6opmot, 31 окт 2017.

31.10.17 в 13:31
o6opmot
02.11.17 в 15:59
Romantv
25
2.638
4
Ответить в теме
Страница 1 из 2
  1. TopicStarter Overlay
    o6opmot

    o6opmot Посетитель

    Регистрация:
    15 окт 2017
    Сообщения:
    91
    Лучших ответов:
    0
    Рейтинги:
    +33 / 1 / -0
    Небольшой скрипт позволяющий прикреплять скрин видео к плееру moonwalk

    [​IMG]

    В то место где должен выводиться плеер

    html-код:
    HTML:
    <div class="video js-video" data-moonwalk="ссылка_на_видео">
<img class="video__img" src="ссылка_на_скрин" alt="" />
<div id="video__play"><div><i></i><b>Начать просмотр</b></div></div>
</div>

    Далее сам скрипт устанавливаем перед закрывающим тегом </body>

    js-код:
    Код:
    <script>
$(function(){
$("#video__play").click(function(){
        var dataMoonwalk = $(this).parents('.js-video').attr('data-moonwalk');
        $(this).parents('.js-video').html('<iframe src="'+ dataMoonwalk +'?autoplay=1" width="610" height="370" frameborder="0" allowfullscreen=""></iframe>')
    });
  
});
</script>
    Ну и напоследок сами стили

    css-код:
    Код:
    #video__play>div>i {
    position: absolute;
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 50%;
    left: 40px;
    margin-top: -1.5em;
    margin-left: -1em;
    border-right-width: 0;
    border-top-width: 1.5em;
    border-left-width: 2em;
    border-bottom-width: 1.5em;
    border-left-color: #ffffff;
}

#video__play>div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -120px;
    margin-top: -40px;
    border: 1px solid #ffffff;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    font-family: Arial;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 240px;
    height: 80px;
    text-shadow: 1px 1px 3px #333;
}

#video__play>div:hover {
  background-color: rgba(0, 0, 0, 0.61);
}

#video__play {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clear: both;
    cursor: pointer;
}

#video__play>div>b {
    position: relative;
    top: 30px;
    left: 75px;
    font-size: 15px;
}
     
    #1 o6opmot, 31 окт 2017
    Последнее редактирование: 31 окт 2017
    • Нравится Нравится x 4
    • Лучший Лучший x 1
    • Полезно Полезно x 1
  2. x360kg

    x360kg Посетитель

    Регистрация:
    16 июн 2016
    Сообщения:
    77
    Лучших ответов:
    0
    Рейтинги:
    +10 / 2 / -0
    Слушай а кодом нельзя немного внешний вид плеера поменят?
     
    #2 x360kg, 31 окт 2017
  3. TopicStarter Overlay
    o6opmot

    o6opmot Посетитель

    Регистрация:
    15 окт 2017
    Сообщения:
    91
    Лучших ответов:
    0
    Рейтинги:
    +33 / 1 / -0
    x360kg, с этим вопросом лучше обратиться к администрации moonwalk , сторонним методом боюсь это невозможно
     
    #3 o6opmot, 31 окт 2017
  4. Ботяра

    Ботяра
    Забанен

    Регистрация:
    10 окт 2015
    Сообщения:
    0
    Лучших ответов:
    54
    Рейтинги:
    +712 / 74 / -0
    Нет. Возможные варианты плеера можешь посмотреть в ЛК волков, на данный момент там есть несколько скинов, а так же можно цвета поменять на селекторы и т.д...
     
    #4 Ботяра, 31 окт 2017
  5. Roman.U

    Roman.U
    PRO Users

    Регистрация:
    13 ноя 2015
    Сообщения:
    6.915
    Лучших ответов:
    5
    Рейтинги:
    +1.233 / 154 / -0
    А на юкоз подобное есть?
     
    #5 Roman.U, 31 окт 2017
  6. TopicStarter Overlay
    o6opmot

    o6opmot Посетитель

    Регистрация:
    15 окт 2017
    Сообщения:
    91
    Лучших ответов:
    0
    Рейтинги:
    +33 / 1 / -0
    Roman.U, данный скрипт подойдёт и для ucoz
     
    #6 o6opmot, 31 окт 2017
    • Нравится Нравится x 1
  7. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    я себе так сделал. а увидел это на сайте kinogb.co и от туда содрал
    upload_2017-10-31_16-25-3.png
     
    #7 Romantv, 31 окт 2017
  8. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    o6opmot не получится добавить звездочки при загрузки.
    я сначало сделал так же,чтоб название выводилось,но при переключение серий и сезонов название мешалось
    upload_2017-10-31_16-36-14.png
     
    #8 Romantv, 31 окт 2017
  9. TopicStarter Overlay
    o6opmot

    o6opmot Посетитель

    Регистрация:
    15 окт 2017
    Сообщения:
    91
    Лучших ответов:
    0
    Рейтинги:
    +33 / 1 / -0
    Romantv, можно код посмотреть , ото не совсем понял
     
    #9 o6opmot, 31 окт 2017
  10. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    чтоб колесики крутились так
    <style>

    #player {

    background: #000 url(ссылка на колесики/load-player.gif) center center no-repeat
    }






    .embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
    }
    .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
    }
    .embed-responsive-16by9 {
    padding-bottom: 56.25%
    }
    .embed-responsive-4by3 {
    padding-bottom: 75%
    }



    </style>

    <div id="player"><div class="embed-responsive embed-responsive-16by9"><div id="kino"></div>
    </div></div>

    у меня плеер еще скриптом выводится
    <script type="text/javascript">function createPlayer_kinoveb(){var t=document.createElement("IFRAME");t.setAttribute("src","[xfvalue_url_video][xfgiven_georu]?block_ru=1[/xfgiven_georu][xfgiven_geouk]?block_ua=1[/xfgiven_geouk][xfgiven_season1]?season=[xfvalue_season1][/xfgiven_season1]"),t.frameBorder=0,t.setAttribute("allowfullscreen","true"),t.setAttribute("scrolling","no"),document.getElementById("kino").appendChild(t)}function addLoadEvent(t){var e=window.onload;"function"!=typeof window.onload?window.onload=t:window.onload=function(){e&&e(),t()}}addLoadEvent(function(){createPlayer_kinoveb()});</script>
    тоже скопировал с сайта
    этот див выводит плеер <div id="kino"></div>
     
    #10 Romantv, 31 окт 2017
  11. TopicStarter Overlay
    o6opmot

    o6opmot Посетитель

    Регистрация:
    15 окт 2017
    Сообщения:
    91
    Лучших ответов:
    0
    Рейтинги:
    +33 / 1 / -0
    Romantv, анимация должна быть при загрузки плеера , после нажатия на скрин ?
     
    #11 o6opmot, 31 окт 2017
  12. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    да
     
    #12 Romantv, 31 окт 2017
  13. TopicStarter Overlay
    o6opmot

    o6opmot Посетитель

    Регистрация:
    15 окт 2017
    Сообщения:
    91
    Лучших ответов:
    0
    Рейтинги:
    +33 / 1 / -0
    Romantv, мне просто не понятна роль этой анимации.
     
    #13 o6opmot, 31 окт 2017
  14. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    внешний вид загрузки
     
    #14 Romantv, 31 окт 2017
  15. TopicStarter Overlay
    o6opmot

    o6opmot Посетитель

    Регистрация:
    15 окт 2017
    Сообщения:
    91
    Лучших ответов:
    0
    Рейтинги:
    +33 / 1 / -0
    Romantv, после нажатия на скрин , сразу подгружается плеер , зачем там ещё Ваша анимация
     
    #15 o6opmot, 31 окт 2017
  16. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    как тут вставить еще картинку kinoveb.tv/2935-horoshee-povedenie.html но чтоб осталась анимация
     
    #16 Romantv, 31 окт 2017
  17. x360kg

    x360kg Посетитель

    Регистрация:
    16 июн 2016
    Сообщения:
    77
    Лучших ответов:
    0
    Рейтинги:
    +10 / 2 / -0
    А зачем тебе на сайте этот чат с ботом?
     
    #17 x360kg, 31 окт 2017
  18. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    для количества просмотров.он оправляет юзера на подборки за счет этого просмотров на хост 4
    upload_2017-10-31_17-11-4.png
     
    #18 Romantv, 31 окт 2017
  19. Defoz

    Defoz
    PRO Users

    Регистрация:
    10 апр 2016
    Сообщения:
    1.832
    Лучших ответов:
    4
    Рейтинги:
    +257 / 57 / -0
    Romantv этоже просмотры.. они никакой роли не играют.. вот если бы оно считало уники так, то другое дело
     
    #19 Defoz, 31 окт 2017
  20. Romantv

    Romantv
    Забанен

    Регистрация:
    17 июл 2015
    Сообщения:
    6.946
    Лучших ответов:
    6
    Рейтинги:
    +1.994 / 141 / -0
    играют! трафорет оплата очень как играет
     
    #20 Romantv, 31 окт 2017
    • Нравится Нравится x 1
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)
Страница 1 из 2
Похожие темы
  1. Nonamexxx

    Модуль hdlight 0.9.7.4b & moonserials (видео от moonwalk для dle)

    Nonamexxx, 19 сен 2015, в разделе: Модули DLE
    Ответов:
    3.849
    Просмотров:
    411.723
    repz
    15 ноя 2019
  2. PatrikKane

    Добавить к плееру от moonwalk выбор озвучки. ищу спеца.

    PatrikKane, 21 фев 2016, в разделе: Услуги программиста PHP, скрипты и тд
    Ответов:
    62
    Просмотров:
    9.671
    thirus
    28 фев 2016
  3. Ereality

    Свой видео плеер moonwalk, помощь

    Ereality, 17 окт 2016, в разделе: Свободное общение
    Ответов:
    4
    Просмотров:
    6.051
    Ботяра
    17 окт 2016
  4. vasili

    Видео moonwalk в плеере uppod

    vasili, 18 авг 2017, в разделе: Свободное общение
    Ответов:
    19
    Просмотров:
    2.386
    Roman.U
    20 авг 2017
  5. hd1x

    Видео-плеер, как moonwalk для партнерства brazillians

    hd1x, 21 окт 2019, в разделе: Плееры для кино сайтов
    Ответов:
    4
    Просмотров:
    1.022
    hd1x
    26 окт 2019
Загрузка...
Переключить ширину
Стиль
Zerocool-New
Язык
Russian (RU)
Яндекс.Метрика