Event & Webinar Player
Introduction
The theme of the event or webinar page is configured under Players.
Webinar players provide versatile, easy way to customize the look & feel of the video event.
Webinar players provide versatile, easy way to customize the look & feel of the video event.
Options to use Custom Event & Webinar UX
There are four options:
- Event & Webinar Player as stand-alone user interface with slides
- Event & Webinar Player as stand-alone user interface without slides
- Event & Webinar Player in Icareus' responsive web video portal
- Event & Webinar as Custom UX Html -code
See descriptions below.
1. Webinar Player as stand-alone user interface with slides:
The title of the event is shown at the top.
On the left side, the end-user can view live/recorded view.
On the right side, the user can see slide images.
In the bottom left corner user can see event data.
The Webinar player can be embedded to customer web sites.
2. Event & Webinar Player as stand-alone user interface without slides
The user will see the video player without slides.
At the bottom corner, the user can see event data.
The webinar player can be embedded to customer web sites.
It is also possible to make the player take up all available space by adding the "videomax=true"
parameter to the embed URL. This will cause the video player to take up
all available space instead of having it neatly centered with some
padding to the sides. To take maximum advantage of the videomax parameter
it is recommended to disable slides and the display of information in
the player settings. In addition to hiding the slides and event
information, the public title can also be removed from the event
settings. If no additional information is displayed, the player will
take up the entire window, so just the videoplayer can be embedded to
the users website inside an iframe.
Example of an event player with the videomax=true parameter and all additional information hidden:
3. Event & Webinar Player in Icareus' responsive web video portal
Event & Webinar Player as a part of the Icareus responsive web video portal, including links to other videos, live feeds, login etc.
The Webinar Player is like stand-alone players, but with access to other video services too.
In this case, the whole portal can be embedded to the customer website, like in the image below.
Please note that using this option will require some setting up from the side of Icareus to make sure the Webinar Player's look and feel matches that of the rest of the portal.
Notice: Service administrators can customize only the Webinar Player, but not the portal look & feel, which must be done by Icareus support.
4. Event & Webinar as Custom UX HTML code
Read more about the custom UX for the events from here.
Adding a new Event & Webinar Theme Player
The Webinar Player look & feel and function are customized under the Players. In order to add a new player:
- Click “Add button”
- Select Type as "Webinar"
- Configure the Player
- Push "Save"
See image below:
The configuration options of the player are:
Here is a list of configuration options when creating a new Event & Webinar Player. Fields
marked with * are mandatory.
Configuration name | Configuration Type | Description |
Name* | Text Input | Name of the created player. Displayed in the list of players when creating or editing Webinar Events. |
Type* | Webinar Player | Type of the player you are creating. Must be 'Webinar Player' when creating a Webinar Player. |
Logo Image | File Upload | Allows the upload of a logo image. This will be displayed on the top left corner of the embedded event player page, next to the title of the event. |
Splash Image | File Upload | Splash Image when |
Player Background Image | File Upload | Allows the upload of an image. This image will be used as the background image of the video player. |
Player Logo Image | File Upload | Visible on top of the video on selected place. Image should be as transparent .png image. |
Player logo position | Select | Place where the player logo is shown. Usually in top-left corner. |
Always show player image | Checkbox | If not selected, the logo becomes visible when mouse is over player and will be hidden after 5 seconds. |
Player Skin | Select | Select between 4 different player skins that change the way the video player looks. |
Skin background color | Color Input | Allows the user to set the background color of the video player elements |
Skin button color | Color Input | Allows the user to set the color of the buttons of the video player. |
Skin accent color | Color Input | Allows the user to set the accent color of the buttons of the video player. |
Form | Select | Video form is created, you can select which form becomes visible with the player |
Campaign | Select | Allows the user to select a Campaign that should be linked to this event player. |
External Application URL | URL Input | Allows the user to input a URL that will be embedded on the player page. Generally used to embed a Message board/chat window to the player page, but can be used for any embedded content. |
External Application Height | Number Input | Height of the embedded external application in pixels |
External Application Position | Selection | External application can be located either below the video area or on the right side of the video player, which overrides the slides if those are active. |
Background color | Color Input | Background color of the player area on the player page. Note: if you want it to be transparent, please write "transparent" |
Top Bar Font | Text Input | Determines what font should be used for the event title, description and agenda on the player page. |
Heading 1 Font | Text Input | Heading 1 font |
Heading 2 Font | Text Input | Heading 2 font |
Heading 3 Font | Text Input | Heading 3 font |
Normal Font | Text Input | General text font on the page |
Google Font | Link | Insert the link to Google font |
Title Font Color | Color Input | The color of the event title on the player page. |
Font Color | Color Input | The general text color on the player page. |
Highlight Font Color | Color Input | Color of highlighted text on the player page. |
Top Bar Height | Number | How high the top bar is (in pixels) |
Top Bar Background Color | Color Input | Color of the page top bar background. Note: if you want it to be transparent, please write "transparent" |
Player Container Background Color | Color Input | Color of the player container background. Note: if you want it to be transparent, please write "transparent" |
Player top/bottom padding | Number | Padding amount (in pixels) |
Player left/right padding | Number | Padding amount (in pixels) |
Display Date in Top Bar | Selection | Showing the date on event UI |
Lower page background color | Color Input | Color of the lower page background. Note: if you want it to be transparent, please write "transparent". |
Title Alignment | Selection | Select the alignment of the title |
Footer background color | Color Input | Color of the footer background. Note: if you want it to be transparent, please write "transparent" |
Show Slides | Checkbox | If checked, slides will be displayed on the right side of the player on the player page. If unchecked, no slides will be shown and the player will take the center stage. |
Slide Delay | Number Input | Determines how long the delay should be between when a slide is changed in the admin CONTROL tab and when the slide actually changes on the player page. Input in milliseconds. |
Show Event Recordings on Player Page | Checkbox | If checked and the event has published recordings, a slider with thumbnails will be shown under the video player listing all available recordings for the event. |
Show Social Media Share Buttons | Checkbox | If checked, social media share buttons for Twitter, Facebook and LinkedIn will be displayed at the top-right corner of the player page. |
Show Event Information in Recordings | Checkbox | If checked, the event description willl be displayed under the video player on the player page. (In recordings and during the live event). |
Show Headline In Event Information | Checkbox | If checked, the title of the event will be displayed on top of the description under the video player. |
Show Time In Event Information | Checkbox | If checked, the start time of the event will be displayed on top of the description under the video player. |
Show Duration | Checkbox | If checked, the duration of the event will be displayed on top of the description under the video player. |
Show Headline In Event Agenda | Checkbox | If checked, the event title will be displayed on top of the event agenda when viewing a recording. |
Click "SAVE" --> Your new player is ready and should appear on the list on the left side. NOTE: You can create as many players as you want e.g. one for each of your customers.
You can also edit the existing player afterwards, e.g. change colors or logos, or just select settings on the player.
You can also edit the existing player afterwards, e.g. change colors or logos, or just select settings on the player.
Notice: there is no limitation in the number of players, so you can create/modify/delete as many players as you want to use with your events.
Related Articles
Event & Webinar Player
Themes for an event or webinar page are defined under Events -> Event themes. Themes provide a versatile and easy way to customise the look and feel of your event. Options for customizing an event There are four options: Event and webinar player as a ...Introduction to Players
Introduction to Players Icareus Suite offers various video players that can be used and embedded on 3rd party websites. Standard players are based on JWPlayer and Icareus can provide other and customised players as need arises. The player url is ...Event and Webinar Analytics
Introduction Event and Webinar analytics are used mostly by Icareus Video Cloud event customers: enterprises', public organizations', and third sector organizations' event organizers. However, it can also be used for different pay-per-view event ...Download: Icareus Event & Webinar Solution Quick Manual
Download the quick manual to Icareus Event and Webinar Solution: https://icareus.com/download/icareus-event-and-webinar-solutions-quick-manual/Event and Webinar UX Template Functions
Introduction Icareus Event and Webinar solution provides easy tools to anybody to configure both the functions of the Event and Webinar player. The main fuctions are: Video Player Optional: Slides and slides control Optional: Message / Chat / Poll or ...