Options

Options can be passed as an object to the constructor, see example below.

Available Options

Text	type	Default	Description
autoPlay	boolean	false	Start playback immediately on load. Note that in most browsers this will only work in conjunction with the muted option set to true.
clickToPlay	boolean	true	Enables or disables the ability to play/pause the video when clicking on the video element.
	boolean	true	If set to false, the videos will be shown under the video instead of as a dialog. Only for JavaScript embeds.
	boolean	false	If set to true, the next video will start playing immediately after the current video has ended.
defaultEmbedType	string	javascript	Sets the default value for embed type. Valid values: 'javascript' and 'iframe'.
defaultLanguage	string	-	Sets the default language of the video. Accepts a 2 letter language code.
defaultSubtitle	object	-	This will set and enable a subtitle or caption text track. Example: defaultSubtitle: {'lang': 'en', 'kind': 'captions'} Lang is always a 2 letter language code and kind can be either “subtitles” or “captions”. The object can also be sent without kind, it will then default to “subtitles”.
disableContextMenu	boolean	false	Prevents right-clicking on the video element.
displayLanguage	string	browser	Sets the UI language for the player. When omitted, the player will look for the user’s browser/system language first and if translations are missing it will default to English. Currently supported language codes: en, sv
env	string	production	If set to "development", the player will use the development API.
hideControls	boolean	true	Player controls will never be hidden if set to false.
hideOverlaidPlayButton	boolean	false	Hide the overlaid play button.
muted	boolean	false	Start playback in a muted state.
preview	boolean	false	Sets the player to preview mode (when the player is showing a stream that is not yet live). This adds some custom styling and prevents statistics from being reported.
showCaptionSettings	boolean	false	If set to true, the caption settings will always be shown, even if no captions are enabled. When false, the caption settings will only be shown when captions are available.
showDownload	boolean	false	If true - shows a download button for the video.
showShare	boolean	false	Shows a share button in the top right corner.
showTitle	boolean	false	Shows the video title in the top left corner.
startAt	number	-	A number in seconds from where to start the playback.
theatreMode	boolean	false	If set to true, a button is added for toggling theatre mode. This button dispatches an event that the user can listen to, in order to apply changes to the container.
	string	-	Accepts a player theme ID.
volume	number	1	Set the video volume. A number between 0 and 1.

Example: Setting Options

Setting the player options for a regular video embed looks like this:

const playerOptions = {
  displayLanguage: 'en',
  showTitle: true
};
const player = new MFPlayer('#player1', '73DEK47D79', playerOptions);

Example: Setting Playlist Options

For , the options object looks a little bit different. See example below:

const playerOptions = {
  continuousPlay: true,
  contained: false,
  playerOptions: {
    displayLanguage: 'en',
    showTitle: true
  }
};
const player = new MFPlaylist('#player1', 'dNr4ocPZ973YQYJi8rv6tp', playerOptions);