URL Media Player
Display a video or insert an audio from a URL (YouTube, Facebook, Soundcloud, Vimeo, Twitch...) using the URL Media Player component.
Like any multimedia component (Video Player, Audio..), you can create markers and add interactions to multimedia content, display or hide player controls.
💡 Since these video & audio contents are online, the user will need an Internet connection to display them in their interface.
⚠️ Dailymotion is currently not supported by the component: to display a Dailymotion video, please use the Web component with the video's embed URL.
Display a video or audio from a URL
To display your video / audio:
- Click on the Components icon and add the URL Media Player.
- In the properties, insert the URL of the video or audio: this is the URL of the page where the media is located.
- Customize the properties of the component: Autoplay, Volume,...
Add markers
Markers allow you to define a key moment of the video or audio to which you will associate an action: a trigger or an action.
To add markers to your video / audio:
- Double-click on the component.
- In the left window, use the player to position the file at the right moment.
- Click on the + button to add a marker
Trigger an action from the video/audio
Select the URL Media Player component and go to the Actions tab
Click on the + button and choose from the available triggers:
- End of playback
- Pause
- Start playback
- Time (the marker)
Create an action related to the video/audio
Choose an object, the trigger and the action Act on a component.
Here are the available actions:
- Change time
- Increase/decrease speed
- Advance/Reverse
- Pause
- Play
- Pause
- Restart from the beginning
- Set speed
- Stop
- Go to
Synchronize with another component
To synchronize your component with another one (for example the scrolling area), insert the component Synchronization from Components.
In the Properties window, click on Add component. Choose the URL Media Player and another component from the list. Select the component and click on Synchronize time in the options.