Video

This article will walk you through adding a video to your ad unit.  The Video Component can be added to any type of Format.

Also see Video Asset Optimization or WATCH VIDEO (Video shown with previous builder icons).  See Analytics Overview (Video Report section) for info on quartile reporting, etc.

Adventive accepts .mp4, .mov, .ogg, .flv, .avi, .ogv, and .webm video file formats for custom hosted video. (VAST URL tags and YouTube video url's also are accepted).  Max file size 50MB.

Most video assets under 30 seconds will be around 1MB after encoding and compression.

Video is automatically compressed at the lowest possible file size depending on the dimensions of the actual video player in the ad unit.

For example, if you have a full screen interstitial with 1080 video, Adventive would need to encode a larger video to ensure quality.  Likewise, if you have a 300x250 ad with a tiny video, Adventive will encode and process a lower res/small file size video.

Once you’ve created your ad, click on the Components icon  on the left side of the builder and select Video.  * If you plan to use a Video File, you can also upload the file directly from the Asset icon .

Video Type:

Video File – Upload an MP4, MOV, AVI, MPEG or OGV file and Adventive will encode, host and stream your video in a fully customizable HTML5 player.

YouTube – Enter any YouTube video URL and customize player and playback options.

Vimeo - Enter any Vimeo video URL and customize player and playback options.

VAST – Use a VAST XML feed to pull in externally-hosted video.  *If VAST is not enabled on your account, please write support@adventive.com requesting this option to be enabled.

Choose your video type from the menu. 

A video placeholder will appear on the ad canvas and can be moved/resized anywhere on the canvas:

With the video placeholder selected on your canvas, you’ll see the Video Properties appear to the right of the builder. 

Source:

You can modify your source selection at any time by clicking on the "Source" dropdown

 

 

Source: Video File

Select your video by clicking the input box marked “Default” under Video File. The Asset Manager will open and only video files will be displayed. If you need to upload a video, click the cloud icon at the bottom left of the window. 

Player Design

Chromeless player:  A player that has no control bar with options for muting, play/pause, and full screen controls only.  

* Note - If Chromeless Player is selected:  “Enable Muting Controls” will be default selected as sound needs to be user initiated (Major browsers such as Chrome, Safari, Edge and others have implemented changes that will have an impact on video units which attempt to play with sound automatically, or attempt to play sound when 'hovered over.' The latter is no longer considered a user interaction and opt-in to enable sound as the possibility of unintentional hovers on videos will trigger sound playback.  Any videos which are detected to automatically play sound, or have a sound on hover option will be immediately stopped by the browser).  

 

Color:  Clicking into the box allows for selection of the player icon's color.

Bar Color:  Clicking into the box allows for selection of the player bar's color.

Controls

Not available when chromeless player is selected

  • Always visible: If selected, the controls will show for the entire video duration.
  • Show on hover: Controls will show when the user hovers over the video.

Show replay button: Displays replay button in center of the video when complete and if clicked, will then replay the video with the current audio setting.

Show play button: If selected, a play button will appear in the center of the video.

Chromeless player options: Selecting chromeless player will allow you to include muting, play/pause and full screen control options (allowing to resize or use custom buttons).  

* Note - If Chromeless Player is selected:  “Enable Muting Controls” will be default selected as sound needs to be user initiated (Major browsers such as Chrome, Safari, Edge and others have implemented changes that will have an impact on video units which attempt to play with sound automatically, or attempt to play sound when 'hovered over.' The latter is no longer considered a user interaction and opt-in to enable sound as the possibility of unintentional hovers on videos will trigger sound playback.  Any videos which are detected to automatically play sound, or have a sound on hover option will be immediately stopped by the browser).  

 

Color:  Clicking into the box allows for selection of the player icon's color.

Enable Muting Controls: This is default selected.  Displays the muting icon so that the user can click on to mute/unmute the video for sound.  Sound must be user initiated. (Major browsers such as Chrome, Safari, Edge and others have implemented changes that will have an impact on video units which attempt to play with sound automatically, or attempt to play sound when 'hovered over.' The latter is no longer considered a user interaction and opt-in to enable sound as the possibility of unintentional hovers on videos will trigger sound playback.  Any videos which are detected to automatically play sound, or have a sound on hover option will be immediately stopped by the browser).

 

  • Icon: Select Default or Custom Mute button (if Custom is selected, click in the Mute/Unmute Icon fields to select custom assets).  Once an asset is on the video canvas, you can click on the button to resize.
    *If you want to resize default buttons, choose Custom as Style and leave icon fields blank.  You can then click on the default icon button on the video canvas and resize.   
  • Position (If Custom, select on canvas and move):  Where, on the player you’d like muting controls to be displayed.
  • Display: Displays muting controls always or on video hover  .

Enable Player Controls: Displays the player icon that the user can click on to play/pause the video.

  • Icon: Select Default or Custom Player Controls Style button (if Custom is selected, click in the Play/Pause Icon fields to select custom assets).  Once asset is on the video canvas, you can click on the button to resize.
    *If you want to resize default buttons, choose Custom as Style and leave icon fields blank.  You can then click on the default icon button on the video canvas and resize.

     

  • Position (If Custom, select on canvas and move):  Where, on the player you’d like player controls to be displayed
  • Display: Displays player controls always or on hover.

Enable Fullscreen Controls: Displays the fullscreen icon that the user can click on to show the video full screen.

  • Icon: Select Default or Custom Fullscreen Controls Style button (if Custom is selected, click in the Fullscreen Icon field to select a custom asset).  Once asset is on the video canvas, you can click on the button to resize.
    *If you want to resize default buttons, choose Custom as Style and leave icon field blank.  You can then click on the default icon button on the video canvas and resize.

     

  • Position (If Custom, select on canvas and move):  Where, on the player you’d like the fullscreen control to be displayed.
  • Display:  Displays fullscreen control always or on hover. 

Playback

  • Autoplay: Plays the video automatically on load.  *includes autoplay for mobile if selected. Initialization of sound by the user is required - enable the mute button control (see above).
  • Delay - Set a delay in seconds if you don't prefer the Autoplay to trigger immediately.
  • In view: triggers autoplay when the video enters the viewable area (vs. on page load). The video will play when it comes into view, and will stop when exiting view.  Videos, which return to the viewable area, will automatically resume.
  • Restart Playback on Unmute - Video will restart automatically when the unmute button is clicked.
  • Playback on screen return: If the viewer leaves the screen with the video playing and navigates to another screen within the ad unit, the video will automatically stop and resume or restart playback when the user returns.

         

  • Return to start on finish: Displays first frame or selected preview image after video completes.
  • Unmute on replay:  if selected, Custom video will play with sound on user initiated replay.
  • Loop: Plays the video again when it reaches the end.
  • Mute on hover off:  if selected, video sound will be muted when the viewer hovers off
  • Clickthrough video: Allows user to click through to a URL by clicking.
  • Sticky Video:  When a user scrolls past a video ad made sticky, and the unit moves out of the viewable area of the screen, the video automatically pops out and anchors to a specified location on screen.

 

The video loads between articles initially. Just scroll past the in-feed video and you'll see the video pop up in the lower right hand corner of the screen.  Also see Sticky Video article.

Top Right

Top Left

Bottom Left

Bottom Right

Close Button – if selected, a default “x” close button will appear so the viewer can close out of the sticky video:

Roadblock – if selected, this hides the close button for a set number of seconds - click into the "Seconds" field to enter how many seconds before the "X" close button should appear:

Header Text – click in the field to change the default “Advertisement” and type in new text for your Header area:

Header Background Color – click in the box to change the header background color.

Header Font Color – click in the box to change the header font color.

  • Start at: The time, in seconds, you want to set the video to begin playing.
  • End at: The time, in seconds, that the video should stop playing.

UPDATE:  *Action on Video Completion now available - see how to set this action here.

Sync Videos on other screens:

  • Sync videos on other screens: This feature allows you to synchronize video playback across multiple screens within the same creative.

Check out this preview link

You will notice that the video playback begins automatically. Clicking the center of the ad unit, you're moved to screen 2, which contains the exact same video and seamlessly continues the playback.

In the example above, we've placed a 350x200 initial video on screen 1:

 

In the video settings panel, on the right hand sidebar, please ensure that you have selected “Sync videos on other screens.”

On the 2nd screen (or 3rd, or 4th, etc.) Place the *same* video file from your assets. 

In the example, we've made the video larger at 760x430:

 

Again, on this screen,  ensure that you have selected "Sync videos on other screens" in the video settings.

So long as the videos are the exact same source, and they are set to be synced, they will continuously play, maintaining the player states and settings (muted/unmuted, play in view, etc) across the navigation of the unit.

Sync Video Example 2

 

Preview Image

Click in the input box to add an image to preview before the video plays.  The Asset Manager will open. You’ll see a folder titled Auto Generated that contains 5 images Adventive automatically captures from your video file. You can choose from these, select another image or upload a new image.

End Frame Image

Click in the input box to add an image to preview when the video is completed.  The Asset Manager will open. You’ll see a folder titled Auto Generated that contains 5 images Adventive automatically captures from your video file. You can choose from these, select another image or upload a new image.

 

Source: YouTube

Select YouTube from the Source dropdown menu:

 

In the ID/URL input box, enter the video URL or ID of any public YouTube video (Make sure it is the actual url or ID/and not private - you should be able to paste in a browser and the youtube video show - playlist id's will not work):

Example of how to get the Youtube url:  Go to Youtube and the video you plan to use.  Below the video, click "Share" - copy/paste the link provided in the youtube field:

 

Once the URL has been input, the YouTube video will load on the canvas – this can be moved/resized as desired.

 

Player Design

Chromeless player: A YouTube player that has no control bar with options for muting, play/pause, and full screen controls only.  

* Note - If Chromeless Player is selected:  “Enable Muting Controls” will be default selected as sound needs to be user initiated (Major browsers such as Chrome, Safari, Edge and others have implemented changes that will have an impact on video units which attempt to play with sound automatically, or attempt to play sound when 'hovered over.' The latter is no longer considered a user interaction and opt-in to enable sound as the possibility of unintentional hovers on videos will trigger sound playback.  Any videos which are detected to automatically play sound, or have a sound on hover option will be immediately stopped by the browser).  

Color:  Clicking into the box allows for selection of the player icon's color.

Bar Color:  Clicking into the box allows fro selection of the player bar's color.

Show Replay Button:  Displays replay button in center of the video when complete and if clicked, will then replay the video with the current audio setting.

Show Play Button:  If selected, a play button will appear in the center of the video.

 

Playback

  • Autoplay: Plays the video automatically on page load.  * Autoplay for mobile does not apply to youtube videos.
  • Delay - Set a delay in seconds if you don't prefer the Autoplay to trigger immediately.
  • In view: triggers autoplay when the video enters the viewable area (vs. on page load). The video will play when it comes into view, and will stop when exiting view.  Videos, which return to the viewable area, will automatically resume.
  • Restart Playback on Unmute - Video will restart automatically when the unmute button is clicked.
  • Playback on screen return: If the viewer leaves the screen with the video playing and navigates to another screen within the ad unit, the video will automatically stop and resume or restart playback when the user returns.
  • Loop: Automatically restarts video when complete.
  • Mute on hover off:  if selected, video sound will be muted when the viewer hovers off.
  • Clickthrough video: Allows user to click through to a URL by clicking.
  • Sync videos on other screens: This feature allows you to synchronize video playback across multiple screens within the same creative.
  • Start at: The time, in seconds, you want to set the video to begin playing.
  • End at: The time, in seconds, that the video should stop playing.

Controls

Note: control options are not available for chromeless players.

  • Always visible: Always display player controls.
  • Show on hover: Display player controls on hover only.

 

Source: VAST URL

If using VAST – select VAST from the Source dropdown menu, then paste in the url in the Vast URL field.  *If VAST is not enabled on your account in the dropdown menu, please write support@adventive.com requesting this option to be enabled. 

PLEASE NOTE:  Adventive only accepts HTTPS VAST Tags.  Please ensure you prepend https:// to all vast tags.

Player Design

Chromeless player: A player that has no control bar with options for muting, play/pause, and full screen controls only.  

* Note - If Chromeless Player is selected:  “Enable Muting Controls” will be default selected as sound needs to be user initiated (Major browsers such as Chrome, Safari, Edge and others have implemented changes that will have an impact on video units which attempt to play with sound automatically, or attempt to play sound when 'hovered over.' The latter is no longer considered a user interaction and opt-in to enable sound as the possibility of unintentional hovers on videos will trigger sound playback.  Any videos which are detected to automatically play sound, or have a sound on hover option will be immediately stopped by the browser).  

Color:  Clicking into the box allows for selection of the player icon's color.

Bar Color:  Clicking into the box allows fro selection of the player bar's color.

Show play button:  If selected, a play button will appear in the center of the video.

Playback

  • Autoplay: Plays the video automatically on load.  * Autoplay for mobile does not apply to VAST videos.
  • Delay - Set a delay in seconds if you don't prefer the Autoplay to trigger immediately.
  • In view: triggers autoplay when the video enters the viewable area (vs. on page load). The video will play when it comes into view, and will stop when exiting view.  Videos, which return to the viewable area, will automatically resume.
  • Playback on screen return: If the viewer leaves the screen with the video playing and navigates to another screen within the ad unit, the video will automatically stop and resume or restart playback when the user returns.
  • Loop: Plays the video again when it reaches the end.
  • Mute on hover off:  if selected, video sound will be muted when the viewer hovers off.
  • Show replay button: Displays replay button in center of the video when complete.
  • Clickthrough video: Allows user to click through to a URL by clicking on video.  Once checkbox is selected for Clickthrough video, a dropdown will appear.  Choose "Default Click URL" or "VAST Click URL".


    - Default Click URL:  clickthrough will be the same as the Default Click URL for the ad.
    -  VAST Click URL:  clickthrough will be the url embedded in the VAST tag.
  • Sync videos on other screens: This feature allows you to synchronize video playback across multiple screens within the same creative.
  • Start at: The time, in seconds, you want to set the video to begin playing.
  • End at: The time, in seconds, that the video should stop playing.  

Controls

 

Not available when chromeless player is selected.

  • Always visible: If selected, the controls will show for the entire video duration.
  • Show on hover: Controls will show when the user hovers over the video.

 

Source: Vimeo

Select Vimeo from the Source dropdown menu:

 

In the ID/URL input box, enter the video URL or ID of any public Vimeo video (Make sure it is the actual url or ID/and not private - you should be able to paste in a browser and the vimeo video show - playlist id's will not work):

Example of how to get the Vimeo url:  Go to Vimeo and the video you plan to use.  Below the video, click "Share":

Copy/paste the link provided in the vimeo link field: 

 

Once the URL has been input, the Vimeo video will load on the canvas – this can be moved/resized as desired.

 

Player Design

Use Chromeless Buttons:  A Vimeo player that has no player controls with options for muting and play controls only.  

* Note - If Chromeless Buttons is selected:  “Enable Muting Controls” will be default selected as sound needs to be user initiated (Major browsers such as Chrome, Safari, Edge and others have implemented changes that will have an impact on video units which attempt to play with sound automatically, or attempt to play sound when 'hovered over.' The latter is no longer considered a user interaction and opt-in to enable sound as the possibility of unintentional hovers on videos will trigger sound playback.  Any videos which are detected to automatically play sound, or have a sound on hover option will be immediately stopped by the browser).  

 

Enable Muting Controls: This is default selected.  Displays the muting icon so that the user can click on to mute/unmute the video for sound.  Sound must be user initiated. (Major browsers such as Chrome, Safari, Edge and others have implemented changes that will have an impact on video units which attempt to play with sound automatically, or attempt to play sound when 'hovered over.' The latter is no longer considered a user interaction and opt-in to enable sound as the possibility of unintentional hovers on videos will trigger sound playback.  Any videos which are detected to automatically play sound, or have a sound on hover option will be immediately stopped by the browser).

  • Icon: Select Default or Custom Mute button (if Custom is selected, click in the Mute/Unmute Icon fields to select custom assets).  Once asset is on the video canvas, you can click on the button to resize.
    *If you want to resize default buttons, choose Custom as Style and leave icon fields blank.  You can then click on the default icon button on the video canvas and resize.   
  • Position (If Custom, select on canvas and move):  Where, on the player you’d like muting controls to be displayed.
  • Display: Displays muting controls always or on video hover.

Enable Player Controls: Displays the player icon that the user can click on to play/pause the video.

  • Icon: Select Default or Custom Player Controls Style button (if Custom is selected, click in the Play/Pause Icon fields to select custom assets).  Once asset is on the video canvas, you can click on the button to resize.
    *If you want to resize default buttons, choose Custom as Style and leave icon fields blank.  You can then click on the default icon button on the video canvas and resize.
  • Position (If Custom, select on canvas and move):  Where, on the player you’d like player controls to be displayed.
  • Display: Displays player controls always or on hover.

 

Playback

  • Autoplay: Plays the video automatically on page load.  * Autoplay for mobile does not apply to youtube videos.
  • Delay - Set a delay in seconds if you don't prefer the Autoplay to trigger immediately.
  • Only when in view: triggers autoplay when the video enters the viewable area (vs. on page load). The video will play when it comes into view, and will stop when exiting view.  Videos, which return to the viewable area, will automatically resume.
  • Restart Playback on Unmute - Video will restart automatically when the unmute button is clicked.
  • Loop: Automatically restarts video when complete.
  • Mute on hover off:  if selected, video sound will be muted when the viewer hovers off.
  • Clickthrough video:  Allows users to click through to a URL by clicking.
  • Sync videos on other screens: This feature allows you to synchronize video playback across multiple screens within the same creative.
  • Start at: The time, in seconds, you want to set the video to begin playing.
  • End at: The time, in seconds, that the video should stop playing.

 

Controls

Note: control options are not available for chromeless players.

  • Always visible: Always display player controls.
  • Show on hover: Display player controls on hover only.
  • Show replay button: Displays replay button in center of the video when complete and if clicked, will then replay the video with the current audio setting.
  • Show play button: If selected, a play button will appear in the center of the video.

 

Save the ad.

Go to the Preview  icon  to view the ad and test the settings.