javascript - 视频高清按钮,js播放器

标签 javascript jquery html html5-video video.js

我需要 video.js 播放器的高清切换/开-关按钮,就像在 vimeo 播放器中一样。我必须制作自定义按钮吗?

最佳答案

首先,您需要了解它不仅仅是一个按钮。按钮只是一个物理 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/

希望对你有帮助。

关于javascript - 视频高清按钮,js播放器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24706059/

相关文章:

php - 使用 jquery ajax 通过 GET 更新动态创建的图像

php - 用于 php 文件的 javaScript,不要等待回复

javascript - Mocha 假阴性结果

javascript - 在URL之外访问axios body参数

javascript - 如何使这个有效的 Java 脚本更有效率

javascript - 为什么通过索引访问我的对象会给我未定义的结果?

html - CSS 内联 block 不起作用?

javascript - xeditable 网格的下拉值无法从外部下拉列表中更改

javascript - 如何在 jQuery 克隆/动画之前初始化变量

jquery - 在 BlackNegative 上看到的效果