IE9 support de la vidéo en HTML5

Je vais avoir quelques problèmes d'affichage vidéo HTML5 dans IE9, j'ai ajouté les différents types de mon htaccess

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

C'est ce que j'ai comme html

<video id="video" autoplay loop preload>
            <source src="video/final_loop.mp4" type="video/mp4" />
            <source src="video/final_loop.webm" type="video/webm" />
            <source src="video/final_loop.ogg" type="video/ogg" />

            Your browser does not support the <code>video</code> element. 
        </video>

J'ai aussi essayé la conversion de la vidéo Theora ogv format et l'utilisation

<source src="video/final_loop.theora.ogv" type="video/ogv" />

Mais cela ne fonctionne pas non plus, je ne le pensais .ogg a été pris en charge dans IE9?

Quelle est la différence entre .ogg et .ogv? Dans le contexte de codec utilisé et les navigateurs prennent en charge. J'ai pensé (entendu), qu'aucun. Les deux formats de vidéo (si vraiment ils ne diffère du tout au tout) utilise les mêmes codes et si n'importe quel navigateur prend en charge .ogg, il sera également en charge .ogv. Suis-je trompé?

OriginalL'auteur woutr_be | 2011-10-27

-2

Sur le site internet officiel de Microsoft il y a cette des extraits de code pour la vidéo sur IE9
```
<video width="400"
    height="300"
    src="video.mp4"
    poster="frame.png"
    autoplay
    controls
    loop>
    This content appears if the video tag or the codec is not supported.
 </video>
```
Essayer avec ce code.

Merci, mais j'ai essayé avant, je ne vois pas pourquoi il aurait soudainement travail maintenant, depuis que je suis en utilisant le même format de vidéo dans mon exemple
Balise vidéo est une des fonctionnalités expérimentales, il n'y a pas de codec standard pour l'instant 🙁 Utilisez cette balise à bon escient. 🙂
Oui, je sais, c'est expérimental, je l'ai eu à travailler dans Chrome, Firefox et Safari, juste c'est à dire est d'être une douleur.
Pourquoi vous donnons une réponse qui est une copie exacte de l'OP de la question? Pourquoi les gens sont upvoting réponse qui n'est pas la réponse à tout? Étrange communauté...

OriginalL'auteur Davide Aversa
8

Internet Explorer 9 support MPEG4 en utilisant H. 264 codec. Mais il a également exigé que le fichier peut commencer à jouer dès qu'il commence à télécharger.

Ici sont les étapes de base sur la façon de faire un fichier MPEG qui travaille dans IE9 (à l'aide de avconv sur Ubuntu). J'ai passé de nombreuses heures à le savoir, alors j'espère qu'il peut aider quelqu'un d'autre.
1. Convertir la vidéo en MPEG4 en utilisant H. 264 codec. Vous n'avez pas besoin de quelque chose de compliqué, il suffit de laisser avconv faire le travail pour vous:
```
avconv -i video.mp4 -vcodec libx264 pre_out.mp4
```
2. Cette vidéo fonctionne sur tous les navigateurs qui prennent en charge MPEG4, à l'exception de IE9. Pour ajouter le support pour IE9, vous devez déplacer le fichier info dans le fichier d'en-tête, de sorte que le navigateur peut commencer à jouer dès qu'il commence à télécharger. C'EST LA CLÉ POUR IE9!!!
```
qt-faststart pre_out.mp4 out.mp4
```
qt-faststart est un Quicktime utilitaires qui prennent également en charge H. 264/ACC format de fichier. Il fait partie de libav-tools paquet.

OriginalL'auteur Gael Lafond

Êtes-vous essayer de l'utiliser sur IIS?

Si oui, vous devez ajouter les types mime à reconnaître vos fichiers vidéo:

<configuration>
  <system.webServer>
    <staticContent>
      <!-- Video -->
      <mimeMap fileExtension=".mp4" mimeType="video/mp4"/>
      <mimeMap fileExtension=".webm" mimeType="video/webm"/>
    </staticContent>
  </system.webServer>
    <system.web>
        <compilation debug="true" targetFramework="4.0" />
    </system.web>

</configuration>

Voici une partie du code qui fonctionne pour moi dans IE9 (dans le dossier racine, j'ai un dossier "vidéo" avec mes fichiers):

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Video Demo</title>    
    </head>
    <body>
        <video id='movie'
            autoplay 
            controls
            loop 
            preload=auto
            playbackRate="1"
            width="800">
                <source src="video/video.mp4" type='video/mp4' /> 
                <source src="video/video.webm" type='video/webm' />
        </video>
    </body>

</html>

Ne pas le AddType ajoute les types mime pour mon serveur? De toute façon, pour l'instant, nous l'avons résolu par la création d'un gif animé et les afficher sur IE9, il a été très utile parce que le gif peut également être utilisé sur l'iPhone / iPad

OriginalL'auteur Chris Ching

1

Comme d'autres l'ont mentionné, IE9 ne prend pas en charge OGV, seulement MP4 et WebM (avec le plugin). J'ai rencontré beaucoup de problème, même avec le MP4, ce qui devrait jouer en mode natif, avant de découvrir qu'une chose à considérer au moment de servir, des fichiers MP4 pour IE9 est le fichier de méta-données appelé moov atom intégré dans le fichier MP4. Si il se trouve à la fin du fichier, où certains codeurs y compris ffmpeg lieux, IE9 ne démarre pas la lecture de la vidéo, à moins que l'ensemble de la vidéo fichier téléchargé. Le déplacement de la moov atom métadonnées vers le début du fichier permet le téléchargement progressif de fichier MP4, et IE9 gère la vidéo joliment.

Il y a un outil appelé qt-fast start pour effectuer cette opération. Fait des merveilles pour moi, la compilation et à l'aide de Linux en ligne de commande de la version distribuée avec ffmpeg.
```
make tools/qt-faststart
sudo cp tools/qt-faststart /usr/local/bin/
qt-faststart original_file.mp4 modified_file.mp4
```
OriginalL'auteur Viktor
1

Voir cette page; il fournit une solution à l'affiche d'un problème avec IE9, et s'étend sur les codecs vidéo:

Simple CSS et les instructions conditionnelles a fait le tour. Je suis maintenant de l'avis des affiches doivent être placées au début (première image) et la fin (la dernière image) d'une vidéo, comme si elles étaient des pochettes d'album. De cette façon, une image au début et à la fin de la vidéo qui sera donner à l'observateur visuel idée de pourquoi ils devraient lire la vidéo (tout comme la raison de l'achat d'un album est parfois à cause de la couverture).

Accordé cela a été posté il y a trois ans, mais le lien est rompu.

OriginalL'auteur Mike S
1

S'il vous plaît être conscient que pour IE9, la source vidéo doit être donné à l' 'src' attribut de la balise vidéo elle-même.

Je vous suggère de détecter IE9 spécifiquement et d'ajouter que la propriété de la balise vidéo. Vous avez besoin de le faire spécifiquement pour IE9 car Firefox sur mac OSX ne pas accepter les MP4 fichier vidéo dans le src de la balise.

Espère que cela aide!

J'ai un problème avec ma vidéo dans IE9 et j'ai toutes les sources de sous-éléments. Donnez votre avis un coup de feu.

OriginalL'auteur Marble Daemon
0

IE9 ne prend pas en charge le format Ogg/Theora. Il soutiendra WebM si vous installer le codec.

OriginalL'auteur robertc

Vous devez vous connecter pour publier un commentaire.