如何在同一HTML5播放器中放大视频并切换视频流?

kha*_*eeb 5 html5 video-streaming video.js

我的视频将分为4个视频。

在此处输入图片说明

首先,播放器将以较低的分辨率播放原始视频,然后用户可以放大视频以查看更多详细信息,我需要播放器以4分辨率较高的视频流之一播放(基于用户放大的位置) 。

如何使用VideoJS或任何其他视频播放器实现此目的?

kha*_*eeb 5

经过一番查找,答案是这样的……

要放大视频,您可以按照本教程: Zooming and spining for video in HTML5 and CSS3

要在同一播放器中切换视频流,您可以通过更改 html5 视频标签上的源并进行一些计算来了解用户放大的位置,从而更改源视频。