HTML5 Video

From Wiki openElement
(Difference between revisions)
Jump to: navigation, search
m (Admin moved page Vidéo HTML5 to HTML5 Video without leaving a redirect: FR to EN)
Line 1: Line 1:
[[Image:vhtml5.png|thumb|Chemin d’accès : Menu des éléments/catégorie média/ Vidéo HTML5]]
+
[[Image:vhtml5.png|thumb|Path: Elements / Media / HTML5 Video]]
 
==Description==
 
==Description==
Cet élément permet d'intégrer un player vidéo HTML5.
+
This element allows users to embed an HTML5 video player.
  
==Ajouter un élément Vidéo HTML5==
+
==Add an HTML5 Video Element==
  
Glisser/déposer l'élément '''Vidéo HTML5''' depuis [[Interface:Menu_secondaire|le menu des éléments]] n'importe où sur votre page.
+
Drag-and-Drop the element '''HTML5 Video''' from [[Interface:Elements_Menu|the elements menu]] anywhere on the page.
  
 
==Configuration==
 
==Configuration==
Le glisser/déposer de l'élément sur la page active l'ouverture de la fenêtre ''"Vidéo HTML5"''.<br/>
+
Dragging and dropping the element on the page will automatically open the ''"HTML5 Video"'' configuration menu.<br/>
  
 
[[Image:vhtml52.png]]
 
[[Image:vhtml52.png]]
  
Toutes les informations nécessaires à l'utilisation de l'élément vidéo HTML5 sont mentionnées à l'intérieur de cette boîte de dialogue.<br/>
+
All the necessary information for incorporating HTML5 video is included in this dialog box.<br/>
  
Un convertisseur de vidéo est proposé pour convertir les vidéos aux formats demandé. L'utilisation d'un autre convertisseur vidéo est possible.<br/>
+
A specific video converter (Freemake) is recommended for converting videos to the required formats, but users may use a different converter if they wish. <br/>
  
*Autoriser les liens externes : L'activation permet de copier-coller ou de taper des liens vers des vidéos externes<br/>
+
*Allow External Links: Checking this box allows users to copy-paste or type in links to external videos.<br/>
*Status :  
+
*Status:  
Le feu tricolore indiquent l'état des sources <br/>
+
The traffic light indicates the state of the video sources<br/>
- Rouge : Pas de MP4, le format minimum nécessaire<br/>
+
- Red: No MP4 source selected, the minimum format required.<br/>
- Jaune : Pas de sources compatibles avec certains navigateurs (Firefox, Opéra et Chrome) en mode HTML5 mais les plug-ins (Flash ou Quicktime) permettent la lecture. Compatible avec les produits Apple.<br/>
+
- Yellow: No sources compatible with certain browser (Firefox, Opera, and Chrome) in HTML5 mode, but plug-ins (Flash or Quicktime) can facilitate playback. Compatible with Apple products (iPhone/iPad).<br/>
- Vert : Suffisamment de sources/formats pour utiliser le mode HTML5 dans tous les navigateurs qui le soutiennent.<br/>
+
- Green: Enough video sources/formats to stream in HTML5 mode in any browser that supports it.<br/>
  
Le changement du code de la vidéo est possible via à la [[Interface:Zone d'édition|zone d'édition]] en cliquant sur le bouton [[Image:video_dailymotion3.png]] situé en dessous de l'élément ''Vidéo HTML5''.<br/>
+
Video sources can also be changed from the [[Interface:Editing_Pane|editing pane]] by clicking on this button [[Image:video_dailymotion3.png]]<br/> right below the ''HTML5 Video'' element.<br/>
  
===Autres propriétés===
+
===Other Properties===
  
  
Voici les propriétés spécifiques de l'élément ''Vidéo HTML5''. Il faut passer par [[Interface:Menu secondaire|le menu des éléments et des styles]] pour accéder à ses propriétés.<br/>
+
These are the properties specific to the Dailymotion Video element. These properties can be configured from the [[Interface:Elements_Menu|elements and styles menu]] -> Properties. <br />
 
<br/>
 
<br/>
  
Line 34: Line 34:
  
  
'''Commun'''
+
'''Common'''
  
*Infobulle : Ajoute une infobulle sur l'élément.<br/>
+
*Filter by Language: Choose whether or not to display the element depending on the language the page is in.<br/>
*Nom : Permet d'ajouter un nom pour identifier cet élément.<br/>
+
*Tooltip: Add a tooltip on an element.<br/>
*Redimensionnent : Permet de changer le type de redimensionnement de la vidéo <br/>
+
*Name: Give the element an easily identifiable name.<br/>
- Auto : L'élément prend la taille du contenu en hauteur et en largeur. <br/>
+
*Resizing: Change how the element is able to be resized.<br/>
- Hauteur seulement : L'élément ne peux être redimensionné que en hauteur. <br/>
+
**Auto: The element adapts to the size of its content in height and width.<br/>
- Largeur seulement : L'élément ne peux être redimensionné que en largeur. <br/>
+
**Height Only: The element can only be resized height-wise.<br/>
- Largeur et hauteur : Vous choisissez une taille fixe. <br/>
+
**Width Only: The element can only be resized width-wise.<br/>
 +
**Height and Width: Element can be resized in height and width to a fixed size of your choice.<br/>
 
<br/>
 
<br/>
'''Comportement'''
+
'''Behavior'''
  
*Contrôles par défaut : Utilisation de la configuration "par défaut" (le design dépend du navigateur) des contrôles de lecture.<br/>
+
*Default Controls: Use "default" playback controls (look and feel depends on the browser).<br/>
*Lecture automatique : La lecture démarre automatiquement après le chargement de la page. <br/>
+
*Autoplay: Playback will start automatically when the page loads.<br/>
*Muet : Désactivation du son. <br/>
+
*Mute: Sound is disabled by default. <br/>
*Répétition : La lecture s'effectue en boucle (pas compatible avec le navigateur Opéra). <br/>
+
*Repetition: Video plays back on a loop (not compatible with the Opera browser).<br/>
 
<br/>
 
<br/>
'''Édition'''
+
'''Edit'''
  
*Affiche : Image à afficher au début de la vidéo avant lancement de la lecture. ''Il est conseillé de garder la proportion "largeur/hauteur" de la vidéo pour l'image.''<br/>
+
*Display: Image to display on player before playback begins. ''It is recommended that the image have the same width/height proportions as the video.''<br/>
*Message echec plugins : Message affiché si Flash et Quicktime (ou uniquement Flash dans le cas d'Internet Explorer) ne sont pas disponibles.<br/>
+
*Plug-In Failure Message: Message displayed if Flash and Quicktime (or just Flash if using Internet Explorer) are not available.<br/>
*URLs vidéo : Permet de revenir vers la fenêtre de configuration de l'élément vidéo HTML5.<br/>
+
*Video URLs: Opens the HTML5 video configuration window mentioned in Configuration, above.<br/>
 
<br/>
 
<br/>
  
 
[[Catégorie:Éléments]]
 
[[Catégorie:Éléments]]

Revision as of 07:43, 28 March 2013

Path: Elements / Media / HTML5 Video

Contents

Description

This element allows users to embed an HTML5 video player.

Add an HTML5 Video Element

Drag-and-Drop the element HTML5 Video from the elements menu anywhere on the page.

Configuration

Dragging and dropping the element on the page will automatically open the "HTML5 Video" configuration menu.

Vhtml52.png

All the necessary information for incorporating HTML5 video is included in this dialog box.

A specific video converter (Freemake) is recommended for converting videos to the required formats, but users may use a different converter if they wish.

  • Allow External Links: Checking this box allows users to copy-paste or type in links to external videos.
  • Status:

The traffic light indicates the state of the video sources
- Red: No MP4 source selected, the minimum format required.
- Yellow: No sources compatible with certain browser (Firefox, Opera, and Chrome) in HTML5 mode, but plug-ins (Flash or Quicktime) can facilitate playback. Compatible with Apple products (iPhone/iPad).
- Green: Enough video sources/formats to stream in HTML5 mode in any browser that supports it.

Video sources can also be changed from the editing pane by clicking on this button Video dailymotion3.png
right below the HTML5 Video element.

Other Properties

These are the properties specific to the Dailymotion Video element. These properties can be configured from the elements and styles menu -> Properties.

Vhtml53.png


Common

  • Filter by Language: Choose whether or not to display the element depending on the language the page is in.
  • Tooltip: Add a tooltip on an element.
  • Name: Give the element an easily identifiable name.
  • Resizing: Change how the element is able to be resized.
    • Auto: The element adapts to the size of its content in height and width.
    • Height Only: The element can only be resized height-wise.
    • Width Only: The element can only be resized width-wise.
    • Height and Width: Element can be resized in height and width to a fixed size of your choice.


Behavior

  • Default Controls: Use "default" playback controls (look and feel depends on the browser).
  • Autoplay: Playback will start automatically when the page loads.
  • Mute: Sound is disabled by default.
  • Repetition: Video plays back on a loop (not compatible with the Opera browser).


Edit

  • Display: Image to display on player before playback begins. It is recommended that the image have the same width/height proportions as the video.
  • Plug-In Failure Message: Message displayed if Flash and Quicktime (or just Flash if using Internet Explorer) are not available.
  • Video URLs: Opens the HTML5 video configuration window mentioned in Configuration, above.


Catégorie:Éléments

Personal tools
Namespaces

Variants
Views
Actions
openElement
Community
Toolbox