如何在同一个HTML5播放器中放大视频并切换视频流？ [英] How can I zoom into video and switch streaming of videos in the same HTML5 player?

问题描述

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

I have video that will be divided into 4 videos.

首先播放器将流式传输原始视频的较低分辨率，然后用户可以放大视频以查看更多细节，我需要播放器播放4个视频中的一个 - 更高在分辨率 - 基于用户放大的位置。

First the player will stream a lower resolution of the original video, then the user can zoom into the video to see more details, I need the player to stream one of the 4 videos - that's higher in resolution- based on where the user zoomed in.

如何使用VideoJS或任何其他视频播放器制作？

How can I make that using VideoJS or any other video player ?

推荐答案

搜索后，这就是答案...

After searching, this is the answer ...

要放大视频，您可以按照本教程：缩放和旋转HTML5和CSS3中的视频

For zooming into the video, you can follow this tutorial: Zooming and rotating for video in HTML5 and CSS3

对于同一播放器中视频的切换流，您可以通过更改html5 vid上的源代码eo标签并进行一些计算以了解用户放大的位置，从而更改源视频。

For switch streaming of videos in the same player, you can make that by changing the source on html5 video tag and make some calculations to know where the user zoomed in and hence change the source video.

这篇关于如何在同一个HTML5播放器中放大视频并切换视频流？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！