评论：H5视频播放插件SuperVideo(原创)  [查看原文]

ELLIPSIS1
2020/8/10 13:05:23

var vi = new Super.VideoSource({ // 引入视频资源
   src: 'test.mp4'
})

应该可以支持setSource，其它格式暂不支持。您可以使用重新初始化的方式来切换

ELLIPSIS0
2020/8/10 13:06:42
暂时先用重新初始化来实现吧，后续我会继续完善的，请关注我的进度

that＇s why ? 0
2020/8/10 17:04:51

var vi = new Super.VideoSource({ // 引入视频资源
  src: 'test.mp4'
})

这种方式执行也是不行的，会报错Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.

ELLIPSIS0
2020/8/10 17:22:30
你这样写 ，setSource('xxxxx.mp4') 试试

that＇s why ? 0
2020/8/10 21:47:47
一样的，还是不行。

ELLIPSIS0
2020/8/11 13:23:05
那先用重新初始化的方法做吧，有时间我再更新一版

悬崖上的指纹0
2020/8/11 17:40:20
好的。谢谢。

ELLIPSIS1
2020/8/6 0:26:26

您好，我是插件的作者，下面我来针对您的提问作以下回复：
1. 该插件没有针对拖拽进度条做事件监听，但是可以 通过 “timeupdate”事件来实时监听视频的播放进度。
通过 getCurrentTime( ) 方法来获取当前视频的播放进度
2.可以通过调用事件 setPlaybackRate(Number:number) 来设置视频播放速度。
可以通过setCurrentTime(Number:time)方法来设置视频播放到指定秒数
3. 该插件不支持倒放，所以无法达到 “快退”的效果。
更多属性事件和方法请查阅参考文档 

ELLIPSIS0
2020/8/3 17:29:53
您好，监听事件 ended 即可。API可以访问的哦，如果您无法访问和您的网络有关系，因为只要能访问github就能访问 API 界面

敬爱的作者，请问怎么使用setSource方法，我想切换下一个视频资源。

var vi = new Super.VideoSource({ // 引入视频资源
    type: 'flv',
    src: '../../../data/flv/001.flv' //不识别汉字
});
video.setSource(vi)

我的使用方式如上，网友知道的也可以回复下，十分谢谢！

ELLIPSIS1
2020/8/3 17:36:26
您好，目前该插件还不支持 flv m3u8 这类直播推流的视频使用setSource方法。目前该方法只适用于 mp4 格式

ELLIPSIS0
2020/8/3 17:49:06
您可以销毁当前实例 video = null 然后重新初始化一个来实现

ELLIPSIS1
2020/8/3 17:53:43
或者使用原生的src属性： video.video_.src=""

ELLIPSIS0
2020/8/3 17:57:10
video.video_.video_.src=""

??[??V??I一一一]参天稻1
2020/8/3 18:40:05
video.video_.video_.src="" 此方法神妙，重新初始化我最早测试是ok的，只是想应该还有其他方式，非常感谢作者，此插件贼好用，NB。

ELLIPSIS0
2020/8/3 21:09:23
哈哈，是我封装的还不够精细，此插件也是刚刚有点规模，还没经过仔细的测试，如果您有什么建议可以提，我会尽量去完善

ELLIPSIS0
2020/7/16 23:13:45

new Super.Svideo('videoContainer', {
      ...
     showPictureInPicture: false // 隐藏画中画功能按钮
      ...
 })

您去api看一下，会发现很多实用的接口 

ELLIPSIS0
2020/7/16 11:35:18
虽然是mp4文件，但是不同的文件也可能有不同的编码的，你得把你的文件转为video支持的编码mp4

西瓜0
2020/7/16 11:57:26
使用Adobe Premiere Pro等专业软件转码就没有这个问题。

ELLIPSIS1
2020/7/13 9:33:24
暂不支持，目前只支持mp4这类原生video支持的常规格式

ELLIPSIS0
2020/7/20 0:57:23
在最新版本已支持hls播放协议，欢迎体验！

漂亮的没话说~~大赞，太牛了

ELLIPSIS0
2020/6/26 22:12:18
谢谢夸赞，我会继续维护更新此插件，争取支持更多功能

ELLIPSIS0
2020/6/20 9:22:54
感谢反馈，我会尽快修复

ELLIPSIS0
2020/6/12 13:32:05
1.这个网站的案例有点问题，不能直接给目标容器设置边距啥的，应该外层再嵌套一层DIV来设置位置。因为全屏我是对目标容器设置的fixed定位。
2.该项目还在持续开发中，暂时没有完全兼容移动端，请关注我的 github上的项目进度，谢谢指正

ELLIPSIS0
2020/6/20 13:00:09
感谢您的建议，BUG已全部修复