Valider d34d8a04 rédigé par kent1@arscenic.info's avatar kent1@arscenic.info
Parcourir les fichiers

CSS :

Les balises audio doivent être en display block + un height par défaut en css

JAVASCRIPT :

On ajoute un argument ratio par défaut, permettant de redimensionner un media sans avoir ses metadonnées (preload="none"). Ce qui permet également d'avoir beaucoup de videos sur la même page sans toutes les précharger.

preload="none" par défaut, pour changer cela il faut passer un paramètre au modèle.

Dans le cas des vidéos, on ajoute une div ms_splash entre la video et les controls permettant par exemple d'afficher une icone play.

On utilise bind au lieu de addEventListener qui permet de chaîner tous les evenements

Réparation des touches de clavier qui étaient instanciées 2 fois et donc comptaient pour 2 (sans effet souvent)

On ajoute une fonction ms_buttons qui correspond à la modification des boutons de lecture (appelé depuis ms_play_pause)

MODELES :

Remplacement de balise #ARRAY en #LISTE
Passage de preload="metadata" à preload="none"
Passage d'un ratio calculé au javascript

NOTES :

On n'incrémente pas la version car peut être casse gueule, à tester
parent a26e4c67
Chargement en cours
Chargement en cours
Chargement en cours
Chargement en cours
+1 −0
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -28,6 +28,7 @@ css/images/button_volume_all.png -text svneol=unset#image/png
css/images/button_volume_all.psd -text svneol=unset#image/vnd.adobe.photoshop
css/images/controls_background.png -text svneol=unset#image/png
css/images/controls_background_full.png -text svneol=unset#image/png
css/images/play_white.png -text svneol=unset#image/png
embed/audio.html -text
embed/video.html -text
flash/flowplayer-3.2.15.swf -text svneol=unset#application/x-shockwave-flash
+29 −2
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
.spip_documents.video{display:block;}
.spip_documents.video,
.spip_documents.audio{display:block;}

audio{height:25px;display:block}

.media{
	margin:0 auto;
@@ -162,10 +165,34 @@
	background:url(images/button_loading.gif) no-repeat;
	margin-top:5px;
}

.media_wrapper.loading .controls .progress_indicator,
.media_wrapper.loading .controls .progress_back .ui-slider-handle{
.media_wrapper.loading .controls .progress_back .ui-slider-handle,
.video .media_wrapper.no_metadata .controls,
.media_wrapper .ms_splash{
	display:none;
}
.media_wrapper.video .ms_splash{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	z-index:1;
	background:url("images/play_white.png") center no-repeat;
	background-size:12%;
}

.video .media_wrapper.no_metadata .ms_splash,
.video .media_wrapper.paused .ms_splash{
	display:block;
}

.media_wrapper .controls{
	z-index:2;
}

.media_wrapper span.volume_button{
	cursor:pointer;
	display:block;
+786 octets
Chargement de la diff d'image…
+154 −130

Fichier modifié.

La taille limite d'aperçu a été dépassée, l'affichage des modifications a donc été réduit.

+2 −2
Numéro de ligne d'origine Numéro de ligne de diff Ligne de diff
@@ -3,9 +3,9 @@

	Si l'extension est mp4 ou ogg, c'est une video

][(#EXTENSION|in_array{#ARRAY|push{mp4}|push{ogg}}|oui)
][(#EXTENSION|in_array{#LISTE{mp4,ogg}}|oui)
	[(#INCLURE{fond=modeles/video}{id=#ID_DOCUMENT}{env}{emb=' '})]
][(#EXTENSION|in_array{#ARRAY|push{mp4}|push{ogg}}|non)
][(#EXTENSION|in_array{#LISTE{mp4,ogg}}|non)
[(#REM) on trouvera plusieurs variable de hauteur/largeur
- les balises #HAUTEUR et #LARGEUR
- #ENV{hauteur} et {largeur} correspondant <emb|hauteur=xx...>
Chargement en cours