add and manage videos

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

Add and manage videos

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

Racontr welcomes all popular video formats: avi, mov, mp4. Once uploaded in the “Media” section, you can insert your images on your pages.

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_empty_space height=”90px”][vc_column_text letter_spacing=”” css=”.vc_custom_1474976932506{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]

First step: Insert a video on a page

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

  1. To insert a video, click on the “+” icon in the left menu of the page editor. A list of available media appears, click on “Add video”.
  2. The?library includes all the files you uploaded in the “Media” section. Select the video you wish to use and click on “Apply” to insert it on your page

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5696″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463743225112{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]

Insert a Youtube, Dailymotion or Vimeo video

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

  1. To insert a video, click on the “media” tab in the top right menu of the page editor.
  2. Clik on the Video tab.
  3. You can add Vimeo, Youtube and Dailymotion link here!

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5690″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463743248405{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=””]

Insert multiple videos on a page

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text letter_spacing=””]To insert multiple images, sounds or videos, keep the shift key pressed on your keyboard while selecting several files on your computer.

Click on “Apply” to insert them all at once.

You can then manage their depth with the layer stack on the left menu.[/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]

Video properties

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

  1. Rename your element (by default it will have the same name as the file you uploaded), add a class for CSS, control volume, hide or make available controls on your video (play, cursor, sound level), choose if you want your video to autoplay or not, choose if you want your video to loop or not.
  2. Duplicate (while preserving its properties and actions) or replace it.
  3. Manage the opacity of the element (from 0 for invisible to 100%), choose a color for the border, set the rounded effect for the border, set the size of the border, the position on the scene (X or Y).

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5693″ 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]

Size & position

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

  1. To move a video, you can drag-and-drop it wherever or edit its precise coordinates in X
  2. and Y in the bottom right fields.
  3. To resize a video, you can click-and-drag from one of its corners (keep the shift key pressed to preserve its proportions) or edit its precise width
  4. and height in the bottom right fields.
  5. You can lock the element on the scene

Tips: If you want the controls to lay over the video, make sure its frame matches the actual size of the video.

If you want the controls beneath your video, make sure that its frame remains a bit larger in height than the actual vsize of the video.[/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″ min_height=”220″][vc_column width=”1/3″][vc_empty_space][vc_column_text]

More
tutorials:

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

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

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

Saving

Log in with your credentials

or    

Forgot your details?