5568 sujets

Sémantique web et HTML

[Résolu] Balise vidéo html5

bonjour à tou.te.s

l'affichage d'une vidéo diffère entre (par exemple) firefox et falkon
falkon ( et le plupart des autres navigateurs ) la vidéo est "verticale"
firefox ( et assimilés ) c'est "horizontal"

on doit bien pouvoir avoir le même orientation sur tous les navigateurs,
je ne trouve pas comment faire

je suis sous linux/manjaro, mais ça ne doit pas avoir d'incidences

exemple !

<html lang='fr'>
	<head>
		<meta charset='utf-8'>
		<title>video</title>
	</head>
	<body>
		<video autoplay controls height='100%'>
			<source src='http://bul.chez.com/vente/img/VID_20201027_1.mp4'
					type='video/mp4'>
		</video>
	</body>
</html>


merci d'avance @+
lu "ailleurs" :
<style> video{ -moz-transform:rotate(90deg); }</style>
semble rectifier les choses
néanmoins merci
>>balise vidéos sur Firefox doit être à 90 degrés
pas compris cette affirmation
firefox ( et associés ) affiche la vidéo de
manière différente des autres navigateurs
donc => css spécifique pour rectifier
>>Bizarre cette histoire...
certes, mais c'est le cas ( enfin pour moi, en local ou sur le site donné ! )
@+
Modifié par bul (25 Nov 2020 - 16:00)
Modérateur
Bonjour,

Firefox est bogué dans ce cas précis. Dans une vidéo prise avec un appareil genre mobile (et peut-être avec d'autres machines), une donnée spéciale appelée "rotation metadata" est incluse dans la vidéo, et indique si celui qui a pris la vidéo avait tourné son appareil ou pas.

Firefox ignore ce paramètre et du coup il n'affiche pas (ou plus exactement pas toujours) la vidéo avec la bonne orientation.

La solution proposée par bul consistant en css à utiliser video{ -moz-transform:rotate(90deg); } régle "à peu près" le problème, car cette instruction ne s'applique qu'à firefox et assimilés (les autres navigateurs l'ignorent). Cependant, le problème est que les boutons pour lancer/arrêter la vidéo, avancer/reculer, etc. sont eux aussi pivotés.

Normalement, la solution la plus propre est d'utiliser un outil comme FFmpeg, de lire la vidéo, la faire pivoter et la ré-enregistrer. On obtient alors une vidéo sans la "rotation metadata", qui fonctionnera partout pareil. Mais bon, ça demande pas mal d'effort.

Amicalement,
Meilleure solution
merci pour ces explications
c'est bien plus clair
tout est exact
je vais laisser en l'état malgré les restrictions
@+
Sujet clos
Aller à