WP File Manager

Name	Action
..
doc_player.html	Edit
doc_streaming.html	Edit
doc_video.html	Edit
playliste.html	Edit
playliste_blogo.html	Edit
playliste_neolao.html	Edit
playliste_video.html	Edit
video_liste.html	Edit

Editing: doc_streaming.html

[<!--(#REM) // modeles/doc_streaming.html // $LastChangedRevision: 35898 $ // $LastChangedBy: paladin@quesaco.org $ // $LastChangedDate: 2010-03-07 14:54:04 +0100 (dim, 07 mar 2010) $ // CP-20100306 // version de test pour la balise video (html5) // exemple: <docX|streaming|center> Le flv seul est a charger en tant qu'illustration de l'article. Le titre et le descriptif de l'illustration sont pris en compte. Placer les videos necessaires dans /videos de votre site. ex: videos/ |-- ma_video_1.flv |-- ma_video_1.png |-- ma_video_1.mp4 `-- ma_video_1.ogv ogv: video prise en charge par Firefox/Chrome/Opera mp4: video prise en charge par Safari flv: Flash video pour IE <= 8 png: pour l'image de presentation (a verifier, semble ne pas fonctionne' partout. Preferer si possible: placer la premiere image de la video). Pour preparer les differents formats, voir : - http://www.quesaco.org/Preparer-une-video-pour-le-streaming Pour en savoir plus sur l'utilisation de la balise video, voir : - http://www.w3.org/TR/html5/video.html - Video For Everybody" v0.3.2 (qui a inspire' la creation de ce modele) - http://camendesign.com/code/video_for_everybody - http://code.google.com/p/video4all/ - http://www.niallkennedy.com/blog/2010/02/html5-video-markup.html TODO: - ajouter le traitement du mp3 streaming ? - sous-titre ? Voir: - http://www.b2b-net.com/traduction/Accessibilite-d-une-video-en-HTML5-avec-sous-titres-en-JavaScript-3.html -->]<!-- lecteur multimedia, http://www.spip-contrib.net/Lecteur-Multimedia,308 modele doc_streaming --> <BOUCLE_doc (DOCUMENTS) {id_document}> #SET{player,#ENV{player,#CONFIG{player,'player_flv_maxi'}}} #SET{chemin_fichier,#ENV{chemin_fichier,#FICHIER}} #SET{chemin_poster,#GET{chemin_fichier}|basename|replace{flv$,png},} <dl class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[ style='float:(#ENV{align}|match{left|right});']> [<dt class='spip_doc_titre #EDIT{titre}'>(#TITRE)</dt> ]<dd class='spip_doc_descriptif doc_streaming'> <video width="#LARGEUR" height="#HAUTEUR" [poster="#PLAYER_VIDEOS_DIR(#GET{chemin_poster}|?{#GET{chemin_poster}})" ][autoplay="(#PLAYER_META_GET{autoplay}|?{true})" ][loop="(#PLAYER_META_GET{loop}|?{loop})" ][controls="(#PLAYER_META_GET{showplayer}|?{controls})" ][<!-- (#REM) you must use `</source>` to avoid a closure bug in Firefox 3 / Camino 2! -->] <source src="#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,ogv})]" type="video/ogg">[<!--(#REM) Firefox native OGG video -->]</source> <source src="#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,mp4})]" type="video/mp4">[<!--(#REM) Safari / iPhone video -->]</source> [<!--(#REM) IE only QuickTime embed: IE6 is ignored as it does not support `<object>` in `<object>` so we skip QuickTime and go straight to Flash further down. the line break after the `classid` is required due to a bug in IE --> ]<!--[if gt IE 6]> <object width="#LARGEUR" height="#HAUTEUR" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><! [endif]--> [<!--(#REM) non-IE QuickTime embed (hidden from IE): the self-closing comment tag allows non-IE browsers to see the HTML whilst being compatible with serving as XML -->]<!--[if !IE]><!--> <object width="#LARGEUR" height="#HAUTEUR" type="video/quicktime" data="#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,mp4})]"> <!--<![endif]--> <param name="src" value="#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,mp4})]" /> [<!-- QT : Afficher le logo 'Q' ? (true || false) -->]<param name="showlogo" value="false" /> [<!-- QT : Afficher les boutons de controle ? (true || false) -->][<param name="controller" value="(#PLAYER_META_GET{showplayer}|?{true,false})" /> ][<param name="autoplay" value="(#PLAYER_META_GET{autoplay}|?{true,false})" /> ][<!--(#REM) fallback to Flash --> ]<object width="#LARGEUR" height="#HAUTEUR" type="application/x-shockwave-flash" [<!--(#REM) Attribut data pour Firefox -->] data="#CHEMIN{flash/#GET{player}}?image=#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,png})]&amp;file=#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,mp4})]"> [<!--(#REM) param pour IE/Safari -->] <param name="movie" value="#CHEMIN{flash/#PLAYER_FLV_PLAYER}?#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,png})]&amp;file=#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,mp4})]" /> <param name="FlashVars" value="flv=[(#URL_DOCUMENT|url_absolue)]&amp;width=[(#LARGEUR|=={0}|?{320,#LARGEUR})]&amp;height=[(#HAUTEUR|=={0}|?{240,#HAUTEUR})]&amp;#PLAYER_FLV_FLASHVVARS[&amp;srturl=(#ENV{srturl})]" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> [<param name="showplayer" value="(#PLAYER_META_GET{showplayer})" /> ][<!--(#REM) fallback image. download links are below the video. warning: putting anything more than the fallback image in the fallback may trigger an iPhone OS3+ bug where the video will not play --> ]<img src="#PLAYER_VIDEOS_DIR[(#GET{chemin_fichier}|basename|replace{flv$,png})]" width="#LARGEUR" height="#HAUTEUR" alt="[(#TITRE)]" title="<:player:pas_de_lecteur_video:>" /> [<strong>(#TITRE)</strong> ][<span><a href="(#URL_DOCUMENT)" rel="enclosure">#URL_DOCUMENT</a></span>] </object><!--[if gt IE 6]><!--> </object><!--<![endif]--> </video> </dd> [<dd class='spip_doc_descriptif #EDIT{descriptif}'>(#DESCRIPTIF|PtoBR)[(#NOTES|PtoBR)]</dd> ]</dl> </BOUCLE_doc>