...
The embed code generator is always on the asset detail page.
Accessing the Player code generation from the DAM
...
Accessing the Player code generation from the DAM back-office
...
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 |
|---|
Note that |
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
...
A noteworthy aspect of Wedia Video Player is its sophisticated analytics support, while also honouring "do not track" requests. This aspect allows businesses and individuals to gather insightful data about video usage and viewer behavior, enabling them to make informed decisions.
Analytics can be accessed in the Analytics dashboards :
...
“Do not track” privacy settings
At the same time, it The player respects user privacy and complies with "do not track" requests, thus balancing between valuable insights and user privacy.
...
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 :
...
| Code Block |
|---|
<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. It adheres to the RGAA 4 standards, an important benchmark in accessibility. This feature allows viewers with hearing impairments to comprehend video content effectively. It also provides convenience for viewers who prefer reading along with the audio.In its endeavor to provide a user-friendly experience, the .
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. Users can skip to specific parts, enhancing their viewing experience and saving valuable time.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. It adds a personal touch and can be used to grab the viewer's attention or convey a specific message.
Wedia Video Player also supports playlists, a handy feature for organizing and consuming related video content. It facilitates easy content categorization and seamless video playback, providing users with an uninterrupted viewing experience. Whether you want to binge-watch a series or categorize your content, the playlist feature makes it easy.
The Wedia Video Player is versatile, supporting multiple player configurations. Users can modify colors and add logo overlays to align the video player with their brand image. This feature allows businesses to create a consistent brand experience across all customer touchpoints, enhancing brand recall and loyalty.
The video player comes with an innovative feature supporting calls to action. This tool can be leveraged to guide the viewer to perform a specific task after watching the video, such as visiting a website or downloading a resource. It is a powerful marketing tool, driving user engagement and conversion.
Lastly, Wedia Video Player supports bumpers and trailers, offering a full-fledged cinematic experience. These short promotional videos can be displayed before or after the main video, enhancing the viewer's interest and curiosity. They can be effectively utilized for promotions, sneak-peeks, or simply to provide context to the viewer
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.