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

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

 20389  165  查看评论 (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

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

相关插件-音频和视频

video封装ui

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

jQuery视频播放插件jsModern(修改版)

一款简单的网页视频播放器插件jsModern,视频插件加了一个播放的按钮,视频播放时候就 隐藏。暂停就显示,
  音频和视频
 51753  420

jwplayer响应式多终端适配视频播放器

jwplaye,自定义视频图片封面,全浏览器兼容、响应式多终端适配视频播放器
  音频和视频
 176542  664

1:1模仿虾米音乐播放器,歌词与播放进度同步

能够很好地对歌词进行同步,1:1模仿虾米音乐播放器,希望有兴趣的朋友能够相互支持。
  音频和视频
 48740  472

讨论这个项目(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

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

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