[vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/2″][vc_empty_space height= »30px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474890680065{margin-bottom: -10px !important;} »]

Ajouter et gérer une vidéo

[/vc_column_text][vc_column_text letter_spacing= » » css= ».vc_custom_1474890701686{margin-right: 5% !important;} »]

Racontr accepte la plupart des formats vidéo, comme le .avi, .mov, .mp4. Une fois optimisées et importées dans la partie média, vous pouvez les placer sur la scène.

[/vc_column_text][/vc_column][vc_column width= »1/2″][vc_empty_space height= »90px »][vc_column_text letter_spacing= » » css= ».vc_custom_1474890743900{margin-left: 5% !important;} »]

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top= » »][vc_column width= »5/6″][vc_single_image image= »123″ img_size= »full » alignment= »center »][vc_empty_space height= »10px »][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

1. Pour importer une vidéo sur la scène, cliquez sur le symbole « + » dans la barre d’outils à gauche de l’interface. La liste des éléments à votre disposition apparaît, cliquez sur l’icône vidéo.
2. La bibliothèque des vidéos comprend toutes les vidéos que vous avez chargé dans l’onglet média. Sélectionnez la vidéo de votre choix, un contour bleu viendra cercler la vidéo sélectionnée.
   Une fois votre choix fait, cliquez sur « appliquer » pour placer la vidéo sur la scène.

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5697″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463743631018{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »30px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

1. Pour insérer une vidéo, cliquez sur l’onglet « média » dans le menu en haut ? droite de l’éditeur de page.
2. Cliquez sur l’onglet « vidéo »
3. Vous pouvez ajouter des liens vers vos vidéos Youtube, Dailymotion ou Vimeo ici !

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5691″ img_size= »full » onclick= »link_image » css= ».vc_custom_1463743663370{margin-right: 5% !important;} »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »10px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]De la même manière que pour les images, vous pouvez importer plusieurs vidéos sur la scène. Cliquez sur la première puis en maintenant la touche à majuscule / Shift sélectionnez les suivantes.

Enfin validez. Les médias apparaissent les uns au dessus des autres dans le coin supérieur gauche de la scène.

Vous pouvez gérer la profondeur (quel élément recouvre quel élément) en vous rendant dans la pile de calques.[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_column_text]

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »10px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text letter_spacing= » »]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

1. Renommer votre élément (par défaut il gardera le même nom que lorsque vous l’avez mise en ligne), ajoutez une class pour vos CSS, masquez ou rendez visible les contrôleurs de la vidéo (play/pause, curseur, gestion du son). Choisissez si vous voulez que votre vidéo soit en lecture automatique ou non, en boucle ou non.
2. Dupliquez le (en conservant ses proportions et actions) ou remplacez le.
3. Gérer l’opacité de vos éléments (de 0 pour le rendre invisible à 100%). Choisissez une couleur pour la bordure, le degré d’arrondi et la taille du contour, la position sur la scène (X ou Y).

[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »5694″ img_size= »full »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height= »50px »][vc_separator color= »custom » accent_color= »#e8e8e8″][vc_empty_space height= »10px »][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width= »1/3″][vc_column_text]

[/vc_column_text][vc_separator color= »custom » accent_color= »#009cad »][vc_column_text letter_spacing= » »]

1. Pour déplacer une vidéo, vous pouvez la sélectionner avec la souris et la déplacer n’importe où. Vous pouvez également rendre très précis ses coordonnées (X )
2. et Y en les éditant en bas à droite.
3. vous pouvez cliquer-déplacer un coin de cette dernière (en maintenant la touche majuscule enfoncée vous conserverez ses proportions), ou rentrer sa largeur
4. et sa hauteur dans le coin inférieur droit de l’interface.
5. Vous pouvez verrouiller l’élément sur la scène.

Tips: Si vous désirez que les contrôleurs s?affichent sous la vidéo, faites en sorte que le cadre de sélection soit plus haut que la forme de la vidéo.
Si vous voulez que les contrôleurs s’affichent par dessus la vidéo, faites en sorte que le cadre de sélection épouse bien la forme de votre vidéo.[/vc_column_text][/vc_column_inner][vc_column_inner width= »2/3″][vc_single_image image= »437″ img_size= »full »][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width= »1/6″][vc_empty_space height= »50px »][vc_widget_sidebar sidebar_id= »sidebar-1″][/vc_column][/vc_row][vc_row padding_top= »0″ padding_bottom= »0″][vc_column][vc_empty_space][vc_single_image image= »132″ img_size= »full » alignment= »center »][/vc_column][/vc_row][vc_row type= »color » bg_color= »#e8e8e8″ vertical_align= »yes » column_gap= »no » padding_top= » » margin_top= »0″ margin_bottom= »0″ min_height= »220″][vc_column width= »1/3″][vc_empty_space][vc_column_text]

Plus de
tutoriels :

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text]

• Ajouter des blocs textes
• Ajouter des images
• Ajouter des sons

[/vc_column_text][/vc_column][vc_column width= »1/3″][vc_empty_space height= »65px »][vc_column_text letter_spacing= » »]

• Importer des typographies
• L’outil slideshow
• Les calques d’action

[/vc_column_text][/vc_column][/vc_row]