【发布时间】:2014-07-11 20:32:04
【问题描述】:
我需要 video.js 播放器的高清切换/开关按钮,例如 vimeo 播放器。我必须制作自定义按钮吗?
【问题讨论】:
标签: javascript jquery html html5-video video.js
我需要 video.js 播放器的高清切换/开关按钮,例如 vimeo 播放器。我必须制作自定义按钮吗?
【问题讨论】:
标签: javascript jquery html html5-video video.js
首先,您需要了解它不仅仅是一个按钮。 Button 只是一个物理 UI 元素,用于在视频源之间切换。
这个概念是您提供了 2 个不同分辨率的视频作为播放器的源,并且该按钮用于选择其中一个。例如,如果用户选择高清,则视频源更改为分辨率更高的视频,或者如果是标清,则源更改为低分辨率视频。
现在来到您想要实现的目标,video.js 中没有默认的 HD/SD 视频切换支持(如果我的猜测是正确的)。您可以使用插件:onyxrev 提供的 video-js-resolutions 插件 - 在 Github 上可用。
使用这个插件:https://github.com/vidcaster/video-js-resolutions
然后你可以更改css和JS来将当前样式更改为你想要的按钮。
演示:http://vidcaster.github.io/video-js-resolutions/
希望对你有帮助。
【讨论】: