Balise vidéo mal reconnue par IE
Nikky74
Messages postés
3
Date d'inscription
Statut
Membre
Dernière intervention
-
Robotobor -
Robotobor -
Bonjour à tous.
J'ai ma vidéo fonctionne dans Internet Explorer mais comparé à Mozilla, les boutons de vidéo ne s'affiche pas automatiquement. Donc quand on arrive sur la page, si on passe pas la souris sur l'image, on sais pas que c'est une vidéo. Et justement en parlant d'image, il ne me prend plus en compte l'image que j'ai mise en "poster" alors que sur Mozilla ça s'affiche tout bien parfaitement.
Voici les trois images
* Voici l'image de Mozilla, j'aimerais avoir le même effet avec Internet Explorer
http://institutzenattitude.com/images/mozilla.png
* Sur internet explorer quand on charge la page
http://institutzenattitude.com/images/ie1.png
* Et là, toujours Internet Explorer mais en ayant passé la souris dessus :
http://institutzenattitude.com/images/ie2.png
Voici le code que j'ai mis :
Et pendant que j'y suis, autant faire d'une pierre deux coups :
J'ai laissé volontairement la phrase "le traitement anti-âge" sous la vidéo car vous voyez qu'il y a deux écritures différentes. Elle est installée sur mon ordinateur, elle est téléchargé sur mon site et j'ai bien mis les code css associé aux écritures mais il faut croire que Mozilla le prend pas en compte. Y'a un truc que j'ai ommis de faire pour que Mozilla le prenne en compte ? Voici le css de mes écritures :
Voilà, j'arrête de vous embêter et je remercie encore GRANDEMENT ceux qui prendront le temps de m'aider =)
J'ai ma vidéo fonctionne dans Internet Explorer mais comparé à Mozilla, les boutons de vidéo ne s'affiche pas automatiquement. Donc quand on arrive sur la page, si on passe pas la souris sur l'image, on sais pas que c'est une vidéo. Et justement en parlant d'image, il ne me prend plus en compte l'image que j'ai mise en "poster" alors que sur Mozilla ça s'affiche tout bien parfaitement.
Voici les trois images
* Voici l'image de Mozilla, j'aimerais avoir le même effet avec Internet Explorer
http://institutzenattitude.com/images/mozilla.png
* Sur internet explorer quand on charge la page
http://institutzenattitude.com/images/ie1.png
* Et là, toujours Internet Explorer mais en ayant passé la souris dessus :
http://institutzenattitude.com/images/ie2.png
Voici le code que j'ai mis :
<video poster="video/acupuncture.png" controls="controls" width="800"> <source src="video/acupuncturem4v.m4v" type="video/m4v" /> <source src="video/acupuncturemov.mov" type="video/mov" /> <source src="video/acupuncturemp4.mp4" type="video/mp4" /> <source src="video/acupuncturempg.mpg" type="video/mpg" /> <source src="video/acupuncturewmv.wmv" type="video/wmv" /> </video>
Et pendant que j'y suis, autant faire d'une pierre deux coups :
J'ai laissé volontairement la phrase "le traitement anti-âge" sous la vidéo car vous voyez qu'il y a deux écritures différentes. Elle est installée sur mon ordinateur, elle est téléchargé sur mon site et j'ai bien mis les code css associé aux écritures mais il faut croire que Mozilla le prend pas en compte. Y'a un truc que j'ai ommis de faire pour que Mozilla le prenne en compte ? Voici le css de mes écritures :
.titreacu
{
font-weight: bold;
text-decoration: underline;
font-size: 25px;
text-align: center;
font-family: chowfun;
}
/* --- FONTS --- */
@font-face
{
font-family: "chowfun";
src: url("chowfun.ttf");
}
@font-face
{
font-family: "chowfun";
src: url("chowfun.eot");
}
Voilà, j'arrête de vous embêter et je remercie encore GRANDEMENT ceux qui prendront le temps de m'aider =)
A voir également:
- Balise vidéo mal reconnue par IE
- Cle usb non reconnue - Guide
- Montage video windows - Guide
- Comment télécharger une vidéo youtube - Guide
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Insérer video powerpoint - Guide
1 réponse
Salut,
peut être ceci peut vous aider.
http://www.w3schools.com/html/html5_video.asp
Au moins pour rajouter un bouton play/pause(avec le DOM comme dans l'exemple) qui signalera que c'est de la vidéo...
Sinon à par utiliser un lecteur autonome vous n'avez plus qu'à pester contre IE qui respecte moins bien les normes que les autres(et qui ne prend pas en charge la balise video avant IE 9).
Pour les polices de caractères je sait que ce n'est pas toujours fabuleux et souvent déconseillé(pour des questions de compatibilité selon l'appareil qui charge la page-téléphone, tablette, mac, pc, linux...).
Ceci dit il y a quelques infos sur les compatibilités des navigateurs:
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Si la police est OEF alors IE sera le seul à pouvoir l'utiliser.
Une méthod employée est d'utiliser les polices non standard(dites fantaisie aussi)
et qui peuvent poser problème uniquement pour les titres en tant qu'image plutôt que texte.
Sur Internet la diffusion auprès du plus grand nombre est toujours privilégié à la qualité ou originalité.
Votre police a beau être sympa(je l'ai déjà utiliser en typo pour des flyers) si l'utilisateur a son écran dans une grande résolution et sa police en tout petit elle sera illisible.
Idem si l'écran de l'internaute a une petite taille et résolution(comme celui d'un smartphone) le texte sera aussi illisible.
Contrairement à un imprimé un écran est lumineux et comporte énormément de contraste. Une police fantaisiste aura en plus l'inconvénient de fatiguer vite les yeux lors de la lecture. C'est pourquoi il est généralement recommandé d'utiliser(au moins pour le texte courant) une police standard(que l'utilisateur à l'habitude de voir) et dite bâton ou sans serif(pas d'empattement, lettre plus nette, meilleure lisibilité et pas de fatigue de l'oeil).
Á vous de voir.
peut être ceci peut vous aider.
http://www.w3schools.com/html/html5_video.asp
Au moins pour rajouter un bouton play/pause(avec le DOM comme dans l'exemple) qui signalera que c'est de la vidéo...
Sinon à par utiliser un lecteur autonome vous n'avez plus qu'à pester contre IE qui respecte moins bien les normes que les autres(et qui ne prend pas en charge la balise video avant IE 9).
Pour les polices de caractères je sait que ce n'est pas toujours fabuleux et souvent déconseillé(pour des questions de compatibilité selon l'appareil qui charge la page-téléphone, tablette, mac, pc, linux...).
Ceci dit il y a quelques infos sur les compatibilités des navigateurs:
http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp
Si la police est OEF alors IE sera le seul à pouvoir l'utiliser.
Une méthod employée est d'utiliser les polices non standard(dites fantaisie aussi)
et qui peuvent poser problème uniquement pour les titres en tant qu'image plutôt que texte.
Sur Internet la diffusion auprès du plus grand nombre est toujours privilégié à la qualité ou originalité.
Votre police a beau être sympa(je l'ai déjà utiliser en typo pour des flyers) si l'utilisateur a son écran dans une grande résolution et sa police en tout petit elle sera illisible.
Idem si l'écran de l'internaute a une petite taille et résolution(comme celui d'un smartphone) le texte sera aussi illisible.
Contrairement à un imprimé un écran est lumineux et comporte énormément de contraste. Une police fantaisiste aura en plus l'inconvénient de fatiguer vite les yeux lors de la lecture. C'est pourquoi il est généralement recommandé d'utiliser(au moins pour le texte courant) une police standard(que l'utilisateur à l'habitude de voir) et dite bâton ou sans serif(pas d'empattement, lettre plus nette, meilleure lisibilité et pas de fatigue de l'oeil).
Á vous de voir.