Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.06.2019, 14:33
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Edge VS Slick.js
Доброго дня!

Использую в проекте Slick.js
https://kenwheeler.github.io/slick/
Все работает кроме одного. Видео не запускается. Во всех браузерах работает, кроме проклятого Edge.

Обращаюсь к знатокам JavaScript. Что такого может быть в slick.js что не дает стартовать видео.

Пробовал без slick, видео работает, пробовал с табуляцией Bootstrap - видео работает. "Баг" где-то в js самого slick`а. В консоле Edge ошибок нет.

Может кто знает что нужно "подкрутить" в коде чтобы видео включалось в браузере Edge.
Так не хочется переписывать всю структуру из-за такого косяка

код примера:
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <title>test</title>
  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
</head>
<body>
  <div class="slick-slider">
  <div>
    <video class="viedeo__file" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" id="video">
     <source src="videoplayback.mp4" type="video/mp4" id="source-video">
    </video>
  </div>
  <div> 
    <video class="viedeo__file" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" id="video">
      <source src="videoplayback.mp4" type="video/mp4" id="source-video">
    </video>
  </div>
   <div>
    <video class="viedeo__file" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" id="video">
    <source src="videoplayback.mp4" type="video/mp4" id="source-video">
    </video>
   </div>
</div>

 <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js'></script>

<script>
  $(document).ready(function(){
  $('.slick-slider').slick({
   // setting-name: setting-value
  });
});
</script>
<style>
  div{
    height:360px;
  }
</style>
</body>
</html>


ссылка на архив примера
https://cloud.mail.ru/public/4xK7/2S8CTtAU6
Ответить с цитированием
  #2 (permalink)  
Старый 13.06.2019, 09:49
Аспирант
Отправить личное сообщение для AleksSergSB Посмотреть профиль Найти все сообщения от AleksSergSB
 
Регистрация: 20.11.2016
Сообщений: 74

Ребят, ну что никто не знает что делать с этой бедой?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При скроле html.scrollTop в IE и Edge всегда 0 VasyOK Events/DOM/Window 5 05.01.2019 09:17
IE и Edge не устанавливают свойство zIndex в цикле xShift Internet Explorer 4 22.11.2016 15:51
Скрол в IE11 Edge vade_js Internet Explorer 1 17.11.2016 13:49
dom to image (edge) Rasy Элементы интерфейса 9 01.11.2016 15:28
SCRIPT3: Член группы не найден. (Edge) eugen81 Internet Explorer 12 21.10.2016 07:54