Tag HTML 5 Vidéo ne fonctionne pas pour n'importe quel navigateur

J'ai donc utilisé AnyConverter faire convertir un .mov à .mpf, .ogv et .webm formats. Je puis les mettre dans un répertoire de vidéos et utilisé le code suivant

 <video width="500" height="281">
    <source src="/video/video.mp4" type="video/mp4" />
    <source src="/video/video.ogv" type="video/ogg" />
    <source src="/video/video.webm" type="video/webm" />
</video>

Cependant, la vidéo ne s'affiche pas dans Sarari, Chrome ou Firefox versions les plus récentes.
Je suis en utilisant le HTML 5 Doctype, et pas sûr de ce qui se passe. Des suggestions?

MODIFIER

Bizarre, j'ai changé le chemin d'accès à l'url complète et il n'a toujours pas de travail. Puis, quand j'ai collé l'url dans Firefox, la vidéo est lue. Je me demande si ses quelque chose à l'extérieur de la balise vidéo...

Est-il à jouer à tout dans n'importe quel navigateur?
vérifiez la configuration du serveur de la MIME types comme décrit ici: stackoverflow.com/questions/9220537/...
J'ai eu ce problème aussi. A obtenu tri. Je suis avec angular JS. J'ai eu src={{selectedVideo.url}} dans la vidéo attribut src. L'url a été à venir à partir d'un appel d'API. Bien que l'url a été dans l'élément lorsque j'ai vérifié il n'était toujours pas jouer. Il s'est avéré que j'nécessaire pour charger le lecteur vidéo après les nouvelles de la src a été mis à jour. Donc quelque chose comme: video_player_id.load(); Espérons que cette aide.

OriginalL'auteur Naterade | 2014-05-12

  1. 10

    Assurez-vous que votre chemin d'accès est correct pour les fichiers vidéo. reste du code est bien

    Ajouter des Contrôles de l'Attribut de Balise Vidéo comme:
    Voici la référence complète http://www.w3schools.com/html/html5_video.asp

    <video width="500" height="281" controls>
    <source src="/video/video.mp4" type="video/mp4" />
    <source src="/video/video.ogv" type="video/ogg" />
    <source src="/video/video.webm" type="video/webm" />
</video>
    Voir mon montage ci-dessus.
    J'ai édité ma réponse
    Bon point à stackoverflow.com/q/21004335/1830909 et stackoverflow.com/a/46983622/1830909

    OriginalL'auteur Neha Shah

  2. 4

    Ajouter controls attribut sur la vidéo nœud

    Exemple:

    <video width="500" height="281" controls>
   ...
   ...
</video>

    OriginalL'auteur Siva Charan

  3. 0

    Ce que vous avez indiquée dans votre édition semble pointer vers un mime types de problème. J'ai fait un résumé de certaines communes étapes de dépannage avec HTML5 lecture de la vidéo dans ce réponse.

    Il y a 3 choses à vérifier:

    • assurez-vous que vos fichiers vidéo sont encodés correctement pour la livraison de web
    • assurez-vous que le serveur sur lequel les vidéos sont hébergées est correctement configuré pour la livraison de web
    • assurez-vous que vos autres scripts sur la page ne pas interférer avec la lecture vidéo

    Laissez-nous savoir si cela fonctionne.

    OriginalL'auteur Arnaud Leyder

  4. 0

    D'abord, vous devez vérifier que votre nom de vidéo il y a de l'espace entre des mots ou des
    pas.si oui,alors l'enlever à cause de l'espace ne vous permettra pas de visionner cette vidéo.

    OriginalL'auteur ndhruvit cool