GithubHelp home page GithubHelp logo

hivideo's People

Contributors

heavis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hivideo's Issues

几个提议

有幸看到这个h5播放器,打算在项目中使用,非常感谢作者!
以下是我使用过程中发现的几个改良处:

  1. 鼠标拖动播放进度条,然后再将鼠标移开,该区域出现了蓝色的outline,我对.hi-video-controlbar input[type=range]设置了outline: none;
  2. 播放结束的时候视频**的大播放按钮应该出现,我认为这样体验会好些。在监听播放结束的事件中我加了如下代码
    hivideo.removeClass(hivideo.querySelector('.hi-video-playIcon'), 'offBtn');
  3. 如果是单击ESC退出全屏播放,全屏按钮的状态没有恢复,所以在监听到退出全屏时需要将全屏按钮的状态恢复,我添加了如下代码
    if(hivideo.hasClass(self.fullBtn, 'offBtn')) {self.exchangeBtnStatus(self.fullBtn, true);}

手机全屏后横屏播放,不同手机适配问题

首先感谢作者分享。现在遇到的问题是手机品牌和型号太多了,有的在全屏横屏后显示正常,有的直接就是显示不全,我也改动了一些代码来解决问题,但只能解决一点问题。主要是手机型号太多,同样品牌不同型号的在显示时也是不一样……
实在搞不明白了,作者能否指点一二,感谢!

播放

桌面端,Google 浏览器,对 video 标签设置 muted 属性后,可正常播放,autoHide 属性无效;
移动端,通过微信内置浏览器打开,却无法播放(黑屏,考虑是资源加载异常)。

模态框不显示控制面板

非常感谢hivedio的开源,在项目中非常方便的引用,但是发现做模态框的时候控制面板不显示,不知道是什么原因啊

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.