html5视频播放器使用,视频站启用html5播放器

推我的星光HTML5扩展,支持站点:央视及其直播、芒果TV、网易公开课

0.5.5版,新增对百度云视频支持;可自行增加脚本支持站点,以取得播放快捷键的支持;油库因为屏蔽广告导致其内部JS运行出错,使得暂停/播放、下一个(N)快捷键失效,非是本脚本的问题

脚本在搜狐视频的效果图

视频播放 快捷键(potplayer):左右方向键,+shift加快:快进、进退

空格键:暂停/播放

上下方向键:音量调节

回车键:全屏

N:播放下一个

C:加速播放 +0.1

X:减速播放 -0.1

Z:正常速度播放

D:上一帧

F:下一帧

脚本使用注意事项:

火狐用UA工具导入规则如下: {url : /^https?:\/\/w+\.le(sports)?\.com\/.+\.html/, Name : "Mac-X Safari"},

{url : /^https?:\/\/(my?\.)?tv\.sohu\.com.+\.shtml/, Name : "Android"},

{url : /^https?:\/\/video\.tudou\.com\/v\/.+\.html/, Name : "Android"},

chrome扩展Redirector导入规则如下,另存为 文件名.json [{"name":"土豆视频播放页改UA","match":{"str":"http://video.tudou.com/v/*",

"type":1,"modi":false,"content":["main_frame"]},"sub":{"str":"User-Agent","type":3,"modi":false,"modg":false},

"repl":{"str":"Mozilla/5.0 (Linux; U; Android 4.0.4) AppleWebKit/534.30 Version/4.0 Mobile Safari/534.30",

"decode":false},"enabled":1},{"enabled":1,"match":{"content":["main_frame"],"modi":false,

"str":"^https?://my\\.tv\\.sohu\\.com/.+\\.shtml","type":0},

"name":"搜狐视频UA","repl":{"decode":false,

"str":"Mozilla/5.0 (Linux; U; Android 4.0.4; GT-I9300 Build/IMM76D) AppleWebKit/534.30 Version/4.0 Mobile Safari/534.30"},

"sub":{"modg":false,"modi":false,"str":"User-Agent","type":3}}]

其它H5脚本推荐:

B站脚本

iqiyi脚本

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个基本的优化视频播放器HTML 代码示例: ``` <video id="my-video" class="video-js" controls preload="auto" width="640" height="360" data-setup="{}"> <source src="example.mp4" type='video/mp4'> <source src="example.webm" type='video/webm'> <p class="vjs-no-js"> To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> </p> </video> ``` 代码解释: - `video-js` 类用于启用 Video.js 播放器,它是一个开源的 HTML5 视频播放器库,提供了许多有用的功能和插件。 - `controls` 属性用于显示播放器控制条。 - `preload` 属性用于设置视频预加载。设置为 `auto` 可以让浏览器自动预加载一部分视频文件。 - `width` 和 `height` 属性用于设置视频的宽度和高度。 - `data-setup` 属性用于指定 Video.js 配置选项,例如插件和自定义控制条。 - `<source>` 标签用于定义视频的源文件,可以有多个不同格式的源文件提供给不同浏览器使用。 - `type` 属性用于指定视频文件的 MIME 类型。 - `<p>` 标签用于在浏览器不支持视频标签时显示的备用文本内容。 在上面的示例代码中,视频文件有两个不同格式的源文件:`example.mp4` 和 `example.webm`。如果浏览器支持其中一个格式,就会播放对应的视频文件。如果两种格式都不支持,则会显示备用文本内容。 你可以将示例代码中的视频文件路径和 MIME 类型更改为你自己的文件。另外,你可以使用 Video.js 提供的 API 和插件来进一步优化播放器的功能和性能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值