HTML5+JS连续播放分段视频有没有什么方法
迷茫
迷茫 2017-04-17 11:05:44
[HTML讨论组]

视频格式MP4或FLV

大约3段,每段15分钟左右。

需求:

1.显示出来的是总时间(45分钟左右)
2.能够拖动滚动条(自动切到合适的视频段)

烦请各位给一个思路

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(3)
巴扎黑

给每一段视频一个不显示的 <video> 标签,其 preload 属性设置为 metadata。这样的话不会加载整个视频但是你能获得每个视频的长度。

这样的话通过监听那几个标签的 durationchange 事件,你就知道总时间了。

然后无非就是做一个可以拖动的滚动条;拖动到某个部位之后,算一下处于那段视频中间;把那段视频对应的 <video> 显示出来,并把 currentTime 设置到相应的时间,然后 play()

播放时通过监听 timeupdate 事件来更新进度条的位置。通过监听 ended 事件来获知一段视频已经播放结束,应该加载下一段。

阿神

比较简单的方法,自己重写进度条以及其他控制按钮。

页面js设置每段的总时长,监听播放进度,结束后动态更改src地址。
拖动:拖动进度条,计算应该播放第几段的第几秒。动态更改src地址加参数?start=开始秒数。需要服务器支持- -#nginx开启flv和mp4的module即可。

大家讲道理

请问楼主这个问题解决了没啊?

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号