我自己做了个播放器进度条，想让它和视频播放进度一样，可以托动播放，代码怎么写我是用2个图片一个当背景还有个是拖动按钮

skl258o 2010-01-08 06:25:37

我自己做了个播放器进度条，想让它和视频播放进度一样，可以托动播放，代码怎么写我是用2个图片一个当背景还有个是拖动按钮

...全文

242 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

jimyy 2010-01-08

打赏
举报

回复

picture1 做背景
picture2 做拖柄

音频总长度(秒)/picture1.width 做为步进系数
拖柄picture2.left=音频流位置×步进系数

控制音频流：音频流位置=picture2.left/步进系数

本文介绍了一个HTML5视频播放器的设计，包括播放器界面布局、播放/暂停按钮的CSS实现、进度条设计、时间显示、音量控制、全屏功能以及弹幕功能。弹幕使用canvas实现，通过监听键盘事件发送。文章还提到，实际上可以使用div代替canvas来优化弹幕性能。

本文介绍了如何使用JavaScript、CSS和HTML实现一个H5视频播放器，包括自定义控件、视频播放暂停、进度条、音量控制和全屏功能。通过详细步骤和示例代码，展示了如何创建一个具备基本功能的播放器，提供了一种实现思路。

该文介绍了一个在Unity中使用代码控制的视频播放器实现，包括开始、暂停、重播、音量调节和时间显示等功能。主要组件有RawImage用于视频显示，通过脚本VideoCrol管理播放状态和交互。此外，还提供了SliderChange脚本用于进度条的拖动操作。文章附有代码示例和2017及2019年的项目链接。

本文详解如何利用微信小程序的cover-view组件覆盖video原生进度条，实现禁止拖动但保留视觉展示的效果。涵盖原理分析、WXML/JS/WXSS完整代码、全屏动态适配、iOS/Android兼容处理及性能优化策略，并强调前后端协同验证观看完整性的重要性。

本文档详细介绍了如何使用CKplayer这款网页视频播放器进行自定义设置，包括修改或去掉播放器的前后置logo、滚动文字广告、分享插件以及控制栏和进度条的显示等。此外，还提供了设置视频加载失败提示和禁用进度条拖动等高级功能的步骤。

807

社区成员

8,274

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章