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

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

 19355  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

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

相关插件-音频和视频

jQuery视频弹窗插件

样式已经写好,使用方法也简单。
  音频和视频
 64015  466

个性暗音乐播放精简版插件

本音乐播放器插件 快适用于快速集成到博客,论坛,网站中去,播放器插件来源于个性暗音乐播放模板的阉割版本,去掉了多余的页面布局。
  音频和视频
 32293  370

jQuery视频轮播(原创)

让视频像图片一样轮播
  音频和视频
 40387  366

h5视频播放器

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

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

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

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