Submit a ticket My Tickets
Welcome
Login  Sign up
Open navigation

Video Player Setup

To edit the settings of your Video Player, navigate for your admin menu to Settings → Video → Player Setup.  

Autoplay video

The video of the lesson will start automatically for the user if you have enabled the Autoplay videos option.


Note: in iOS devices the autoplay is disabled and the user has to tap on play.

Show/Hide Video Progress Bar

You are able to determine the time after the Video bar will disappear, due to inactivity. This time is set to 5 seconds (5000 milliseconds) by default. If empty or 0, the video progress will not be hidden.

Video Bar Opacity

Apart from adjusting the video bar visibility, you can also edit the Video Bar Opacity.

Enable fullscreen on interactive videos (iOS)

Due to iOS limitations, the native iOS video player is used for viewing the videos on full screen. Since the native iOS video player does not support interactive elements and subtitles, we disable the fullscreen option on all videos with subtitles and interactive elements. Enable this option if you want to show the fullscreen option in iOS even if subtitles and interactive elements will not be available.


Regarding the setting of Fullscreen in iPhones, in order to implement the full-screen functionality in the interactive video player (which supports interactive elements and subtitles), we use the vue-fullscreen node package, which in turn uses the browser’s fullscreen API. This browser API is not supported by the iPhone version of Safari, thus preventing us from using the vue-fullscreen package in the iPhone version of safari (and by extension on the school’s mobile app, if you have one). 


Given the limitations mentioned, the only way to make a video fullscreen in iPhone safari is to use the native iOS video player. Of course, since the native iOS video player does not support interactive elements and video subtitles, as our interactive video player does, interactive elements would never be visible on iPhones. 


To be able to allow users to enjoy interactive elements on their iPhones too, we decided to disable the full-screen functionality on all iOS browsers (they are all Safari-based, and thus have the same limitation) and mobile apps on iOS, for all videos that have interactive elements or subtitles. This way, the elements can be visible. 


As an admin, you can choose whether you want to allow users to enter full screen even for interactive videos (where they cannot see the interactive elements, due to iOS’ Safari as explained above). Leaving the choice up to you, we believe that you will choose how you want to handle this Safari on iOS limitation according to your school’s specific needs.

Video watermark

Υou can copyright and protect your videos by adding your very own video watermark.

Transcription Settings

In addition, you have the handy option to set up all the Transcript settings, such as:

  • Transcript text size
  • Transcript scroll behavior
  • Transcript default status
  • Transcript text colors
  • Downloadable Transcript

If you have the Transcript default status off, then users will be able to change the transcript settings within the video player. Moreover, they can adjust the Text Size and the Scroll behavior from the video player and even search for a key phrase in the search bar. If you have enabled the Download Transcript option, users will also view an additional button on the video player.

For more information on how to edit the Transcription within the course, you can check our respective article. You can find out more about our Transcription services, here


Notes: 

  • The Transcript feature is available on the Learning Center or higher plans. 
  • Allowing a video to autoplay with sound depends on both the browser’s settings and the user’s preferences. Let’s look at Chrome as an example. Chrome's autoplay policies are simple:

1. Muted autoplay is always allowed.

2. Autoplay with sound is allowed if:

a. The user has interacted with the domain (click, tap, etc.).

b. On desktop, the user's Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.

c. The user has added the site to their home screen on mobile or installed the PWA on desktop.

3. Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.


Here is also the full documentation for your reference: https://developer.chrome.com/blog/autoplay/

Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.