import PictureInPictureToggle from 'videojs-record/js/controls/picture-in-picture-toggle.js'

public class | source

PictureInPictureToggle

Button → PictureInPictureToggle

Button to toggle Picture-in-Picture mode.

Constructor Summary

Private Constructor
private	constructor(player: videojs.Player \| Object, options: Object) The constructor function for the class.

Public Methods
public	buildCSSClass(): string Builds the default DOM `className`.
public	async handleClick(event: EventTarget~Event) This gets called when the button is clicked.
public	onStart(event: EventTarget~Event) Add the vjs-icon-picture-in-picture-stop class to the element so it can change appearance.
public	onStop(event: EventTarget~Event) Add the vjs-icon-picture-in-picture-start class to the element so it can change appearance.
public	show() Show the `PictureInPictureToggle` element if it is hidden by removing the 'vjs-hidden' class name from it.

The constructor function for the class.

Builds the default DOM className.

The DOM className for this object.

This gets called when the button is clicked.

Name	Type	Attribute	Description
event	EventTarget~Event		The `tap` or `click` event that caused this function to be called.

*	tap
*	click

Add the vjs-icon-picture-in-picture-stop class to the element so it can change appearance.

Name	Type	Attribute	Description
event	EventTarget~Event	optional	The event that caused this function to run.

*	Player#enterPIP

Add the vjs-icon-picture-in-picture-start class to the element so it can change appearance.

Name	Type	Attribute	Description
event	EventTarget~Event	optional	The event that caused this function to run.

*	Player#leavePIP

Show the PictureInPictureToggle element if it is hidden by removing the 'vjs-hidden' class name from it.