Html5 视频。暂停 20 秒后重置播放器

Posted

技术标签:

【中文标题】Html5 视频。暂停 20 秒后重置播放器【英文标题】:Html5 Video. After 20 secs of pause reset player 【发布时间】:2013-05-08 11:28:26 【问题描述】:

所以我正在为博物馆做一个学校项目,我们正在制作一个带有视频的信息屏幕供参观者播放,我不喜欢制作一个功能,以便如果一个参观者暂停视频并离开它会在之后重置20秒左右。所以下一位访客不必自己重置视频。

有什么简单的方法吗?

我只使用标准的 html5 视频播放器和控件。

【问题讨论】:

【参考方案1】:

http://blog.teamtreehouse.com/building-custom-controls-for-html5-videos 它可能会有所帮助 可能您需要在

中编写所需的代码
  if (video.paused == true)
    

    //find out code to find whether its been paused for 20 second.....may be use some timer control to get this 

    if(20secPaused) 
    
     video.currentTime = time;
    

希望对你有帮助:)

【讨论】:

【参考方案2】:

我在一个丹麦论坛上得到了帮助 一个人做了一个例子,我可以为我自己的项目修改它对我有用 解决办法:

http://netkoder.dk/test/test0221.html

【讨论】:

以上是关于Html5 视频。暂停 20 秒后重置播放器的主要内容,如果未能解决你的问题,请参考以下文章

使用 AngularJS 控制 HTML5 视频/音频播放器的播放和暂停

html5 视频中的单独播放/暂停按钮

播放暂停 html5 视频 javascript

使用 jQuery 检测 HTML5 视频播放/暂停状态

HTML5 视频播放/暂停控件仅在 Safari 浏览器中不起作用

播放 Html5 视频并在特定时间点暂停