HTML5视频 - 自动选择正确的分辨率

Question

我正在制作一个有待售房屋清单的网页。每个列表都有一个短视频，可以选择在页面或全屏观看。

我在页面上的视频以一个分辨率和全屏分辨率更高的分辨率方面苦苦挣扎 - 特别是对于按下播放图标时会自动全屏显示的设备。

我使用video.js（http://www.videojs.com/）获得了良好的页面分辨率效果，但它似乎不支持在全屏幕上更改分辨率。我找到了这个帖子，其中包含有关HTML规范的评论以及更改中间流的分辨率：https://github.com/videojs/video.js/pull/233。

我被告知嵌入式Youtube播放器会自动选择正确的分辨率，但品牌播放器会使其成为非首发播放器。

另外，我发现在没有Flash的IE10中，嵌入式Vimeo播放器无法正常运行，而在没有Flash的Chrome浏览器中，Vimeo和Youtube播放器也失败了......对HTML5来说太多了！

所以任何人都有一个解决方案，以正确的分辨率（低/高）显示播放器的状态（包含/全屏）？

Answer 1

您的问题回答了我的询问。看起来除了YouTube视频之外，videoJS中仍未实现自动切换分辨率。在videoJS Resolution Switcher有一个演示，您可以在控制台中看到将窗口分辨率更改为全屏无效。

我一直使用JWPlayer 几年没有任何问题。它可靠地支持自动切换具有许多功能和非常好的支持。