Tengo un video de Vimeo incrustado que usa el mouseover play y descarga para iniciar y restablecer al pasar el mouse.
Lo tengo funcionando visualmente pero recibo errores de consola:
TypeError no capturado:... (leyendo 'listo') (leyendo 'reproducir') (leyendo 'descargar')
Si lo ejecuto de incógnito, el video solo comienza al hacer clic y luego funcionan las funciones de mouseover.
¡Gracias!
Aquí está el HTML:
<div id="wrapper"> <div class="card"> <iframe class="product-card-media" id="player1" type="text/html" width="550px" height="550px" frameborder="0" src="https://player.vimeo.com/video/631577098?api=1&controls=0&player_id=player1"></iframe> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script src="https://f.vimeocdn.com/js/froogaloop2.min.js"></script>Aquí está el Javascript:
$('.product-card-media').each(function() { var player = $("#" + this.id); froogaloop = $f(player[0].id); player.mouseover(function() { froogaloop.api('play'); }).mouseout(function() { froogaloop.api('unload'); }); });