URL Media Player

Display a video or insert audio content from a URL (YouTube, Facebook, Soundcloud, Vimeo, Twitch...) using the URL Media Player component.

Like any multimedia component, you can create markers and add interactions to the multimedia content, choose to show or hide the player controls.

💡 Since these video and audio contents are online, the user will need an Internet connection to view them on their interface.

⚠️ Dailymotion is currently not supported by the component: to display a Dailymotion video, please use the Web component and embed the video's URL code.

Insert a video / audio from a URL

  • Click on the Components icon and add the Media Player URL.

  • In the properties, insert the URL of the video or audio. This is the URL of the page on which this media is located.

url_video_youtube.png

  • Customize the properties of the component: auto play, volume,...

properties_url_media_player.png

Add markers

Markers allow you to define a key moment in the video or audio to which you will associate an action: a trigger or an action.

Double-click on the component.

In the left window, use the player to position the file at the right time. Click + ADD MARKER.

create_marker_url_media_player.png
 
 

Interactions & Synchronization

Trigger an action from video/audio

Select the component and open the Interactivities window.

Click on + ADD.

Here are the triggers available:

  • Start playing
  • Pause playing
  • Finish playing
  • Time (the marker)
Create the action you want. 
 
triggers_url_media_player.png
 
 

Create a video/audio related action

Choose an object, the trigger and the Act on a component action in the Interactivity window.

Here are the available actions:

  • Changer temps
  • Augmenter/diminuer la vitesse
  • Avancer/Reculer
  • Mettre en pause
  • Lecture
  • Pause
  • Redémarrer au début
  • Mettre la vitesse
  • Arrêter
  • Aller à
 
actions_url_media_player.png
 
 

Synchronize with another component

To synchronize your URL media player with another component (e.g. scrolling area), insert the  Synchronization component from Components list.

In the  Properties window, click Add Component. Choose the component and the other component from the list. Select the component and click Frames in the options.

 
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.