Balise vidéo mal reconnue par IE

Fermé
Nikky74 Messages postés 3 Date d'inscription samedi 13 mai 2006 Statut Membre Dernière intervention 9 avril 2014 - 9 avril 2014 à 11:12
 Robotobor - 9 avril 2014 à 14:50
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 :

	<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:

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.
0