Flexslider se tornou um dos mais populares controles deslizantes baseados em jquery por suas muitas opções, suporte baseado em conteúdo e também por ser responsivo. Vou aqui discutir alguns pontos-chave sobre a execução de vídeos com Flexslider que precisam ser apontados para evitar erros de JS e suavidade.
Para o vídeo vimeo, usamos o arquivo js froogaloop, existe um arquivo atualizado para isso, tente usar um atualizado e sempre adicione este arquivo JS no final do arquivo html.
Para vídeo do YouTube no navegador firefox, às vezes as setas de navegação não aparecem e outros problemas de css, tente usar ‘wmode = transparent’ no final do iframe src.
O iframe não deve ser ocultado inicialmente por ‘display: none’, pode ser no caso em que queremos que um botão de reprodução seja clicado nele e reproduza o vídeo, e o iframe é oculto primeiro. assim, o iframe oculto pode causar erros como ‘o valor não é um objeto’ ou assim por diante.
Use ‘enablejsapi = 1 & verson = 3’ para usá-lo com a API do youtube player.
Para a API do youtube player, sempre tente ler primeiro o seu documento ( https://developers.google.com/youtube/js_api_reference ) e tenha uma ideia, bem como outras questões.
Para reproduzir um vídeo do youtube, o mais fácil e também o safado! maneira é adicionar ‘autoplay = 1’ no final do iframe src como abaixo:
$('videiID')[0].src += "&autoplay=1";Também podemos usar uma função simples ‘callplayer ()’ para controlar iframe do youtube, conforme mostrado aqui ( http://jsfiddle.net/g6P5H/ ) ou discutido aqui ( http://stackoverflow.com/questions/7443578/youtube-iframe -api-how-do-i-control-a-iframe-player-thats-already-in-the-html ).
Alguns links úteis sobre youtube e vimeo API com Flexslider:
https://github.com/woothemes/FlexSlider/issues/346#issuecomment-13826530 ,
http://daigo.org/2012/11/learning-flexslider-api
Portanto, os pontos acima podem reduzir seu aborrecimento com erros de JS ou outros.
Boa codificação!