高清按钮的视频,js播放器

时间:2014-07-11 20:32:04

标签: javascript jquery html html5-video video.js

我需要像vimeo播放器一样的video.js播放器的HD切换/开关按钮。我是否必须制作自定义按钮?

1 个答案:

答案 0 :(得分:4)

首先,你需要了解它不仅仅是一个按钮。按钮只是用于在视频源之间切换的物理UI元素。

这个概念是你提供了2个不同分辨率的视频作为播放器的源,按钮用于选择其中一个。例如,如果用户选择HD,则视频源改变为具有更好分辨率的视频,或者如果它是SD,则源改变为低分辨率视频。

现在要实现你想要实现的目标,在video.js中没有默认的HD / SD视频切换支持(如果我的猜测是正确的)。你可以使用一个插件:video-js-resolutions的这个onyxrev插件 - 可以在Github上找到。

使用此插件:https://github.com/vidcaster/video-js-resolutions

然后您可以更改css和JS以将当前样式更改为您想要的按钮。

演示:http://vidcaster.github.io/video-js-resolutions/

我希望它有所帮助。