前端新人的jQuery视频插件(原创)

所属分类:媒体-音频和视频

 19276  164  查看评论 (7)
分享到微信朋友圈
X
前端新人的jQuery视频插件(原创) ie兼容9

更新时间:2020-07-02 01:19:56

更新说明:增加了全屏自定义控件,增加了播放速度控制,修改了一些bug,优化了一些细节


更新时间:2020-06-29 23:20:56

更新说明:改bug和尺寸加了个底部的播放按钮


更新时间:2020-06-28 13:20:33

复制代码改一下路径,然后引用一下文件就可以了(功能比较简单,全屏效果是用的默认(因为自己做太麻烦了))
觉得盒子不好看的可以自己改一改(做期末作业的时候就试着做了,做的不好请大佬们指正)

相关插件-音频和视频

音频可视化插件wavesurfer.js多音频实例

音频可视化插件wavesurfer.js的使用(包含多个音频的切换)
  音频和视频
 27674  302

jQuery实现Winamp2播放器插件

win95时代的经典音频播放器,现在我们来通过网页来实现这款播放器。怀旧一下过去的时光。
  音频和视频
 28331  291

h5视频播放器

支持拖拽与点击跳转可以切换全屏并且支持音量调节已经绑定键盘事件
  音频和视频
 125022  444

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 53311  380

讨论这个项目(7)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2022/1/12 20:42:12
    修改视频路径后进度条没有效果,也没法显示视频时长,咋搞 回复
    eh?eh! 0
    2020/12/5 20:41:39
    视频播放的窗口怎么调长度啊
        西瓜0
        2020/12/5 21:01:45

        修改video.css中video_box的宽和高

        .video_box {
          font-family: "iconfont";
          box-sizing: content-box;
          margin: 50px auto;
          position: relative;
          width: 740px;
          height: 506px;
          border: 15px solid #3a3b4c;
          background: #3a3b4c;
          border-radius: 10px;
        }

        还要修改.video的高度

        .video{
          float: left;
          cursor: pointer;
          width: 100%;
          height: 456px;
        }
    回复
    曾经最掏心。 0
    2020/10/29 14:21:33
    刷新页面之后视频总时长总是显示不出来 回复
    Georges 0
    2020/8/3 9:57:36
    chorme浏览器不能全屏,requestFullscreen()这个函数报错。。 回复
    夜幕下灬雪狼 0
    2020/7/22 15:09:14
    进度条没法拖动, 话说播放器按钮最好设置不可选中吧.....
    之前写的时候如果可选中会出现进度条之类的东西粘着鼠标. 回复
    我是一朵小白云 0
    2020/7/2 11:07:45

    不错,插件也很好。说明也很清楚

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复