Wedia Video Player
- Olivier Grenet
- Lucas CORSINI
- Xavier POMPONNE
Wedia Video Player is a state-of-the-art video player, equipped with a wide range of valuable customizations. The software goes beyond the fundamental capabilities of a typical video player and provides an innovative, user-friendly interface.
Wedia Media Delivery
A key feature of the Wedia Video Player is its integration with the Wedia Media Delivery and Transformation Solution. This powerful synergy enables seamless media delivery thus optimizing the video streaming process with adaptative streaming.
Player Controls
Wedia Video Player comes with built-in support for essential player controls. This includes the typical functionalities of play, pause, mute/unmute, and volume control.
Generating a player code to embed a video in a external website
The embed code generation works in normal and extended interfaces on the DAM.
The embed code generator is always on the asset detail page.
Accessing the Player code generation from the DAM back-office
The embed code generator offer multiple options :
Manually managing the player embed code
The player is a HTML page that can be embedded into a iframe (this is the default output from the code generator) :
Player page :
https://your-media-cloud-server-name/api/media/play.html?PlayerUid=player uuid&MediaUid=asset uuid&width=640px&height=360px&autostart=false&Share=false
Embed code with an iframe :
<iframe width="640" height="360" src="your-media-cloud-server-name/api/media/play.html?PlayerUid=player uuid&MediaUid=asset uuid&width=640px&height=360px&autostart=false&share=false" allow="autoplay; fullscreen" frameborder="0" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" ></iframe>
Typically, external web pages are using the embed code with an iframe.
Player options :
The player can be customized with multiple options :
Please note that we are using in this table camel case options for legibility, but the case of the code is not relevant when creating your code.
Code | Option | Possible values |
|---|---|---|
| The uuid of the player defined in Player Manager: player manager is a service managed by Wedia Account Manager to define a player skin. The skin is defined by the control colors, and optionnaly by a watermark overlayed on the video in one corner of the player |
|
| This is the unique asset identifier in the DAM |
|
| The Width of the player, suffixed with the unit | 640px, 1rem … |
| The Height of the player, suffixed with the unit | 320px, 1rem … |
| When supported by the browser, starts the video upon loading. If true, the volume will be set to zero by the browsers. | true, false |
| Display an “email” icon inside the player to allow the user to send a link to the video via email to a friend | true, false |
| Starts the video at a given time position. | value in seconds |
| Starts the video at a given chapter | integer starting at 0 for the first chapter |
| Should the video be played in a infinite loop. Default to false | true, false |
| Sound volume at startup. Note that this option is not taken into account when autostart is set to true. | integer, from 0 to 100 |
| Default language used if the browser's language is not supported (supported languages = en / fr / de). Has an impact on the language of the player interface. | a two letter code : French (fr), Spanish (es), German (de), Italian (it)… |
| Language given priority, regardless of the browser language. Must be a supported language (supported languages = en / fr / de). Has an impact on the language of the player interface. | a two letter code : French (fr), Spanish (es), German (de), Italian (it)… |
| Enabling subtitles as soon as the video starts. The subtitle must exist for it to be enabled. | a two letter code : French (fr), Spanish (es), German (de), Italian (it)… |
| Force the “do not track” setting to true to comply with the request to not be tracked by analytics | true, false |
Note that autostart option is not compatible with volume option. Browsers will automatically mute videos if autostart is set to true so volume option will be ignored.
Using the Content Picker to pick a video from a CMS.
Please consult this comprehensive guide for detailed instructions on integrating a Wedia Content Picker within an external Content Management System (CMS) such as Drupal. The guide provides step-by-step procedures on how an end user can retrieve the embed code for selected videos : Wedia Content Picker
Protecting Videos through tokenisation
For safeguarding your videos against unauthorized distribution on illegitimate websites, please consult this reference document : Asset protection through Tokenisation
Analytics
A noteworthy aspect of Wedia Video Player is its sophisticated analytics support, while also honouring "do not track" requests.
Analytics can be accessed in the Analytics dashboards :
“Do not track” privacy settings
The player respects user privacy and complies with "do not track" requests.
Forcing the do not track on a particular can also be done in the embed code builder :
Activating do not track directly in the embed code :
This can be done by adding &dnt=true in the iframe src code :
<iframe width="640" height="360"
src="https://mediacloudapi-cea.azurewebsites.net:/api/media/play.html?PlayerUid=h5c530c2c88b87&MediaUid=cb77a89e-26ac-49da-b77b-527b12b7533f
&Width=640px
&Height=360px
&Autostart=false
&dnt=true
&Share=false" allow="autoplay; fullscreen" frameborder="0" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" >
</iframe>
Advanced options
Advanced video management options are accessed with the back office, when editing a video metadata.
Subtitles and Video Transcripts
The Wedia Video Player is equipped with support for subtitles and video transcripts, working towards enhancing accessibility.
Subtitles and video transcripts serve different purposes in a video player.
Subtitles: Subtitles primarily provide a real-time text version of the dialogues spoken in a video. They are often used by viewers who may be hard of hearing or those who wish to view content in a language they don't fully understand.
Video Transcripts: Video transcripts, on the other hand, are a comprehensive text representation of all the auditory information in a video, not just the dialogues. This includes descriptions of sound effects, musical cues, and any other relevant audio information.
The player differentiates between subtitles, and video transcripts. Video transcripts are note in as “transcription” in the language list.
Subtitles list will appear with the “quote” icon in the player, and video Transcripts will appear with an “eye” icon:
The subtitle are managed though the back-office video edition screen :
Chaptering
The Wedia Video Player supports chaptering. This feature is a boon for lengthy videos, documentaries, and educational content as it allows users to easily navigate through different sections of the video.
Chapters appear as “dots” in the timeline of the video. Each chapter has a name and a poster that is displayed when the user hovers on a chapter dot :
Chapters are managed though the back-office video edition screen :
Posters
The video player also supports custom posters, which gives users the option to choose the most appealing "waiting image". This feature allows the selection of a custom placeholder image that displays before the video begins to play.
Posters are managed though the back-office video edition screen :
3 options are offered to choose a poster:
Using a selection created with AI :
Capture a still frame at a given timecode :
Upload a poster from your computer.
Posters should have a size of the same aspect ratio than the video.