Estou tendo um problema no meu projeto, instalei o slick carousel, coloquei as imagens e funcionou, porém, eu adicionei uma tag contendo o caminho do vídeo e o vídeo não funciona, apenas aparece uma tela preta.
Segue o código:
<body>
<div class="window">
<div class="window-content">
<div class="comercial">
<div>
<img src="./resources/Planet-on-top-of-blue-clouds_1920x1080.jpg" style="width: 100%;"/>
</div>
<div>
<video>
<source src="./resources/Nicky Romero - Toulouse.mp4" type="video/mp4" style="width: 100%;"/>
</video>
</div>
<div>
<img src="./resources/Tiger-robot_1920x1080.jpg" style="width: 100%;"/>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script>
$(document).ready(function(){
$('.comercial').slick({
autoplay: true,
arrows: false,
fade: true,
infinite: true,
cssEase: 'linear'
});
});
</script>
</body>