vidoejs 画中画 全屏事件

video.js是一个流行的HTML5视频播放器库，可以在网页上播放视频。画中画（Picture-in-Picture）和全屏（fullscreen）是video.js中两个常用的功能和事件。

画中画是指在浏览器窗口中嵌入小窗口播放视频，同时允许用户在观看视频的同时浏览其他网页内容。这个功能使用户可以更方便地同时进行多任务操作。在video.js中，可以通过调用`enterPictureInPicture()`方法将视频切换到画中画模式。该方法会触发一个`enterpictureinpicture`事件，可以通过`on('enterpictureinpicture', handler)`来监听该事件，实现在视频进入画中画模式时执行相应的操作。

全屏是指将视频播放器全屏显示，充分利用屏幕空间以提供更好的观看体验。在video.js中，可以通过调用`requestFullscreen()`方法实现将视频播放器切换到全屏模式。该方法会触发一个`fullscreenchange`事件，可以通过`on('fullscreenchange', handler)`来监听该事件，实现在视频进入或退出全屏模式时执行相应的操作。

总结起来，video.js提供了`enterPictureInPicture()`和`requestFullscreen()`两个方法，用于实现视频的画中画和全屏功能。通过监听`enterpictureinpicture`和`fullscreenchange`两个事件，可以在视频切换到画中画模式和全屏模式时执行额外的操作。这使得video.js成为一个功能强大且灵活的视频播放器库。