Forum CMS Made Simple FR

Version complète : [RÉSOLU] Balise <video> HTML5 chez 1and1
Vous consultez actuellement la version basse qualité d’un document. Voir la version complète avec le bon formatage.
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.9
#~ Url du site :
#~ Hébergeur / Soft : 1and1
#~ Informations Système :
#~ Cms Version: 1.11.9
#~ Installed Modules:
#~ CGExtensions: 1.37.2
#~ CMSMailer: 5.2.2
#~ CMSPrinting: 1.0.5
#~ Captcha: 0.4.6
#~ FileManager: 1.4.3
#~ MenuManager: 1.8.6
#~ MicroTiny: 1.2.5
#~ ModuleManager: 1.5.5
#~ News: 2.13
#~ Search: 1.7.11
#~ ThemeManager: 1.1.8
#~ UsersGuide: 1.8.1
#~ AceEditor: 0.2.5
#~ MysqlDump: 1.2.4
#~ NewsSlides: 1.2
#~ CGSmartImage: 1.12.1
#~ CGSimpleSmarty: 1.7
#~ Config Information:
#~ php_memory_limit:
#~ process_whole_template:
#~ max_upload_size: 40000000
#~ url_rewriting: none
#~ page_extension:
#~ query_var: page
#~ image_manipulation_prog: GD
#~ auto_alias_content: true
#~ locale:
#~ default_encoding: utf-8
#~ admin_encoding: utf-8
#~ set_names: true
#~ Php Information:
#~ phpversion: 5.4.20
#~ md5_function: On (True)
#~ gd_version: 2
#~ tempnam_function: On (True)
#~ magic_quotes_runtime: Off (False)
#~ E_STRICT: 0
#~ E_DEPRECATED: 0
#~ memory_limit: 90M
#~ max_execution_time: 50000
#~ output_buffering: 0
#~ safe_mode: Off (False)
#~ file_uploads: On (True)
#~ post_max_size: 8M
#~ upload_max_filesize: 40M
#~ session_save_path: /tmp (1777)
#~ session_use_cookies: On (True)
#~ xml_function: On (True)
#~ xmlreader_class: On (True)
#~ Server Information:
#~ Server Api: cgi-fcgi
#~ Server Db Type: MySQL (mysql)
#~ Server Db Version: 5.1.71
#~ Server Db Grants: Found a "GRANT ALL" statement that appears to be suitable
#~ Server Time Diff: No filesystem time difference found
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

Je cherche à intégrer la balise HTML5 vidéo dans le thème simplex de cmsms
sous cette forme

Code :
<video controls>
        <source src="uploads/simplex/videos/HelloWorld.mp4"  type="video/mp4">
        <source src="uploads/simplex/videos/HelloWorld.webm" type="video/webm">
        <source src="uploads/simplex/videos/HelloWorld.ogv"  type="video/ogg">
    </video>

Est-ce qui faut une UDT en plus ?
Bon, a priori j'ai du mal m'exprimer

1/ je voulais savoir en premier lieu s'il y avait moyen de charger une vidéo dans Cmsms sans utiliser un module

2/ les modules comme youtubevideo, daylimotion et vimeo importent les videos, qu'en est-il pour une vidéo qui serait sur le serveur,
faut il utiliser le module gallery et remplacer les images par des vidéos ?

3/ j'ai bien noté que l'éditeur tinyMce balayait le code Html5
"forcé" html5 dans l'admin ne change rien et cette solution
[cite]dans l'extraconfiguration de l'éditeur (Extensions ->Editeur wysiwyg TinyMce -> Avancé) et dans le textarea de l'extraconfiguration ajouter par exemple la ligne suivante :[/cite]

Code :
extended_valid_elements : "video"
crash l'éditeur une fois sur deux.

3/ j'ai aussi essayé de mettre le code dans un bloc de contenu, mais à chaque fois j'obtiens le même résultat:
le type mime n'a pas été trouvé, pourtant j'utilise le même code htm5 video/audio sur un autre site qui ne tourne pas avec cmsms maisavec pluxml sans problème ( un petit blog )http://ontheroad.lescigales.org/pluxml/i...test-video

4/ j'ai parlé du thème simplex mais je rencontre le même problème avec un autre gabarit issu de yaml4.1 mais qui fonctionne avec cmsms 1.1.9 (les deux gabarits sont en html5).

Dans simplex layout.css, il y a un path pour les images
Code :
[[* assign the images path to a variable *]]e
[[capture assign='path']][[uploads_url]]/simplex/images[[/capture]]
Peut-être faut-il en définir un pour les vidéos ?

Je voudrais juste avoir un retour de vous les pros pour me dire dans quelle direction me tourner et s'il vaut mieux utiliser un module ou une UDT pour faire fonctionner la balise html5 (video/audio) avec CmsMs

Bonne journée
jamais fait d'intégration brute de vidéo auto-hebergée

mais normalement, si ton code

Code :
<video controls>
        <source src="uploads/simplex/videos/HelloWorld.mp4"  type="video/mp4">
        <source src="uploads/simplex/videos/HelloWorld.webm" type="video/webm">
        <source src="uploads/simplex/videos/HelloWorld.ogv"  type="video/ogg">
    </video>

fonctionne sur ton serveur dans une page test.html créée hors cmsms, alors ce même code fonctionnera tout a fait de la même manière dans cmsmadesimple dans un contenu global sans WYSIWYG par exemple
Salut Bess,

D'abord merci pour ton dernier article qui fait la promo des hébergeurs francais

j'ai mis dans un bloc de contenu mais pas moyen, je crois plutôt que c'est un soucis de Chemin

le lien de test que j'ai mis n'est pas sur le même serveur lescigales.org/pluxml
le site dont je parle est sur 1and1 1and1/cmsms 1.1.9
Wink

sors de cmsmadesimple et fait tes tests dans un fichier html classique

si ça bloque, c'est un soucis de chemin et/ou d'hébergeur
si ça marche... retourne dans cmsmadesimple
J'ai mis un fichier à la racine (video.html) avec les fichiers vidéos et effectivement j'ai le même soucis donc cela ne vient pas de CmsMs

C'est vraiment tordu car je croyais que le type MIME dépendait uniquement du navigateur utilisé et a priori non cela dépend aussi du serveur.
Sait-tu Bess toi qui t'y connait en serveur, comment je peux savoir quel type Mime (1and1) utilise pour l'encodage vidéo?
-------------------------------------------------------------------------

BON, je viens de les appeler, le gars au tel savait pas vraiment, il va vérifier; ce serait peut être (du code) à ajouter dans un php.ini


Avantages de la balise html 5 <video>

1/ C'est simple, pas besoin de module, pas de flash et pas besoin de trop se torturer pour le lecteur puisque chaque navi a le sien , on peut rajouter de la CSS. La lecture est plus fluide (directo sur le serveur) et ensuite pas de youtube ou vimeo ou dayly cela dépend uniquement du navi (et...du serveur)
Dans la balise on peut "changer la taille de la vidéo, la mettre en "auto", la "précharger" la"positionner" mettre un "encadrements" ajouter du javascript

2/ Inconvénient

Il faut déclarer plusieurs encodages (trois/quatre) en général et donc encoder la vidéo en plusieurs formats

En gros(IE=mpeg/mp4, firefox=ogg/webm, chrome=webm, opera=ogg)
---------------------------------------------------------------------------------
Pour tester:tester html5 et CSS3...
je doute fortement que 1&1 accepte que tu fasse du streaming sur leur mutu car oui c'est du streamining qu'il s'agit et oui il faut effectivement une configuration musclée pour ce genre de chose... Wink
J'attends la réponse cet après midI:
pour le (streaming) je vois pas ce que tu veux dire, j'ai le droit de mettre des fichiers vidéos sur un hébergement , je vois pas pourquoi je me compliquerais à installer je ne sais combien de modules youtube/viméos/dayli et en plus de mettre les vidéos sur youtube et compagnie qui envoient du FLV et qui nécessitent que le client aie le dernier plugin Flash/adobe qui va bien
l'emploi de la balise <vidéo> simple et pratique et tout à fait légale, et jusque maintenant chez OVH ou les cigales.org j'avais pas de soucis, mais chez 1and1 tout est limite [1 base... et tout et tout)
tu as bien résumé la situation :

Citation :chez 1and1 tout est limite

le tout sans accent à la fin...

le steaming de vidéo bouffe une bande passante de folie pour l'hébergeur, en plus du CPU et de la mémoire. On est loin des autorisations classiques des mutualisés. C'est pour ces raisons qu'ils risquent de te dire que "techniquement vous comprenez c'est pas possible"

enfin attendons leur réponse effectivement
On laisse ouvert, je te tiens au courant

A+
Je viens d'avoir la réponse de 1and1--------- TESTÉ (firefox, j'ai juste mis une vidéo"webm) (voir source) la css est avec
Il faut donc (chez 1and1) pour reconnaître les types Mime, ajouter sur le fichier htaccess
Code :
<IfModule mod_mime.c>

  # Audio
    AddType audio/mp4 m4a f4a f4b
    AddType audio/ogg oga ogg

  # JavaScript
    # Normalize to standard type (it's sniffed in IE anyways):
    # http://tools.ietf.org/html/rfc4329#section-7.2
    AddType application/javascript js
    AddType application/json json

  # Video
    AddType video/mp4 mp4 m4v f4v f4p
    AddType video/ogg ogv
    AddType video/webm webm
    AddType video/x-flv flv

</IfModule>

------------------------------------------------------------------------------------
htaccess pas piqué des vers: htaccess boilerplate