Flowplayer Video ne charge pas

Question

J'ai un lien qui en cliquant me prend à une vidéo flowplayer. Mon problème est que lorsque je clique sur le lien, le contenu du flowplayer se fige et la vidéo ne se charge pas. Sur la console, j'obtiens une erreur "api is undefined". Cependant, ceci est résolu une fois que j'ai actualisé la page.

Pourquoi est-ce ainsi? Est-ce que je manque quelque chose?

Même lorsque j'ajoute la fonction de lecture automatique, la vidéo est lue mais les commandes du lecteur de flux ne se chargent pas. Ils se chargent de rafraîchir la page à nouveau. Je ne peux pas comprendre ce qui ne va pas!

L'un d'entre vous a-t-il déjà rencontré cela? Cela se produit à la fois sur le chrome et FF

Answer 1

Il est difficile de dire exactement ce que vous devez faire pour corriger votre code sans l'afficher, mais "api is undefined" signifie que vous utilisez la variable api sans la déclarer et la définir au préalable. Pour avoir un aperçu de l'API dans flowplayer, vous devez d'abord utiliser la fonction flowplayer. Il y a plusieurs façons de le faire.

flowplayer(function (api, root) { 
    api.bind("load", function() { 
     // do something when a new video is about to be loaded 
    }); 
}); 

var api = flowplayer(); 
api.load(); 

Tout en utilisant api sans appeler la fonction flowplayer entraînera l'erreur que vous Geting.

Pour plus d'informations sur l'API flowplayer s'il vous plaît voir leur documentation

Answer 2

Init Flowplayer manuellement:

HTML

<div class="player"> 
    <video> 
     <source src="Videos/video.mp4"> 
    </video> 
</div> 

JS:

$(function() { 
    $(".player").flowplayer({ 
     // add video player properties here    
    }); 
}); 

Je l'ai testé en ASP MVC4 et ça marche.