Eae galera, beleza?
Estou passando por um problema implementei um slider de vídeo em um site que estou fazendo, mas este slider está reproduzindo os vídeos contidos nele automaticamente, e eu não sei como tirar isso, já tentei de várias formas, colocando como "false", os "animation","animationLoop" etc. Mas não estou conseguindo.
Estou usando o Flexslider para fazer isso!
Segue abaixo meu código em JS e também no HTML
Alguém poderia me ajudar ?
Código em JS :
$(document).ready(function(){
$(".flexslider-video")
.flexslider({
animation: false,
useCSS: false,
animationLoop: false,
smoothHeight: true,
video: false,
});
});
Código no HTML:
<div class="flexslider-video">
<div class="flex-viewport" style="overflow: hidden; position: relative; height: 286.333px;">
<ul class="slides" style="width: 400%; margin-left: -570px;">
<li class="" data-thumb-alt="" style="width: 570px; margin-right: 0px; float: left; display: block;">
<iframe id="player_0" src="https://www.youtube.com/watch?v=8A6OqHd6dPY" width="600" height="281" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</li>
<li data-thumb-alt="" class="flex-active-slide" style="width: 570px; margin-right: 0px; float: left; display: block;">
<iframe id="player_1" src="https://www.youtube.com/watch?v=8A6OqHd6dPY" width="600" height="281" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
</li>
</ul>
</div>
<ol class="flex-control-nav flex-control-paging">
<li>
<a href="#" class="">
1
</a>
</li>
<li>
<a href="#" class="flex-active">
2
</a>
</li>
</ol>
<ul class="flex-direction-nav">
<li class="flex-nav-prev">
<a class="flex-prev" href="#" tabindex="-1">
Previous
</a>
</li>
<li class="flex-nav-next">
<a class="flex-next flex-disabled" href="#" tabindex="-1">
Next
</a>
</li>
</ul>