HTML5视频播放器进度栏更新

路加

我一直在关注newboston的HTML5视频教程,并到达了制作视频播放器的教程。我已经完全复制了代码,但是单击进度条不会更新。

我的JSFiddle

我认为此方法不起作用的原因是:

function clickedBar(e){
    if(!myMovie.paused && !myMovie.ended){
        var mouseX=e.offsetX;
        var newtime=mouseX*myMovie.duration/barSize;
        myMovie.currentTime=newtime;
        progressBar.style.width=mouseX+'px';
    }
}

我真的不知道为什么它不起作用,但是任何帮助将不胜感激!

编辑:固定链接。

阿普苏瓦

您的代码正在更改

 bar.addEventListener('click', **clickedbar**, false);
 bar.addEventListener('click', clickedBar, false);

http://jsfiddle.net/wqr7S/4/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

html5视频播放器进度栏单击功能

来自分类Dev

如何在进度指示栏中的html5视频播放器中添加标记?

来自分类Dev

HTML5视频播放器进度栏准确工具提示

来自分类Dev

HTML5视频播放器:动态加载视频

来自分类Dev

视频播放器:HTML5 vs Youtube API

来自分类Dev

如何制作通用的HTML5视频播放器

来自分类Dev

html5视频播放器错误处理

来自分类Dev

视频播放器:HTML5 vs Youtube API

来自分类Dev

HTML5视频播放器全屏问题

来自分类Dev

媒体视频播放器HTML5 JS

来自分类Dev

在HTML5视频API播放器中使用HTML5音频API功能

来自分类Dev

如何防止HTML5视频播放器播放图标在iPhone Safari中消失

来自分类Dev

HTML5 视频播放器 onclick 播放/暂停不起作用

来自分类Dev

html5视频播放器和视频js之间的关系

来自分类Dev

ffmpeg mp4视频无法在浏览器的html5视频播放器上播放(格式错误)

来自分类Dev

如何将视频从Play 2 Framework流式传输到HTML5播放器

来自分类Dev

使用AngularJS自定义HTML5视频播放器控件

来自分类Dev

是否存在不允许Periscope使用HTML5视频播放器的技术限制?

来自分类Dev

视频广告未在YouTube HTML5播放器中展示

来自分类Dev

将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

来自分类Dev

如何在html5音频和视频播放器中回显php数组?

来自分类Dev

如何将上下文菜单嵌入HTML5视频播放器?

来自分类Dev

将这个html5视频播放器的静音/取消静音功能反转

来自分类Dev

使用PHP将视频文件加载到html5播放器

来自分类Dev

如何修复干扰Firefox默认HTML5视频播放器的功能

来自分类Dev

在iOS中安装PWA时,我的HTML5视频播放器无法正常工作

来自分类Dev

React Functional组件html5视频播放器捕获事件

来自分类Dev

视频广告未在YouTube HTML5播放器中展示

来自分类Dev

如何将上下文菜单嵌入HTML5视频播放器?

Related 相关文章

  1. 1

    html5视频播放器进度栏单击功能

  2. 2

    如何在进度指示栏中的html5视频播放器中添加标记?

  3. 3

    HTML5视频播放器进度栏准确工具提示

  4. 4

    HTML5视频播放器:动态加载视频

  5. 5

    视频播放器:HTML5 vs Youtube API

  6. 6

    如何制作通用的HTML5视频播放器

  7. 7

    html5视频播放器错误处理

  8. 8

    视频播放器:HTML5 vs Youtube API

  9. 9

    HTML5视频播放器全屏问题

  10. 10

    媒体视频播放器HTML5 JS

  11. 11

    在HTML5视频API播放器中使用HTML5音频API功能

  12. 12

    如何防止HTML5视频播放器播放图标在iPhone Safari中消失

  13. 13

    HTML5 视频播放器 onclick 播放/暂停不起作用

  14. 14

    html5视频播放器和视频js之间的关系

  15. 15

    ffmpeg mp4视频无法在浏览器的html5视频播放器上播放(格式错误)

  16. 16

    如何将视频从Play 2 Framework流式传输到HTML5播放器

  17. 17

    使用AngularJS自定义HTML5视频播放器控件

  18. 18

    是否存在不允许Periscope使用HTML5视频播放器的技术限制?

  19. 19

    视频广告未在YouTube HTML5播放器中展示

  20. 20

    将视频播放器html5 iframe嵌入到YouTube之类的Facebook共享中

  21. 21

    如何在html5音频和视频播放器中回显php数组?

  22. 22

    如何将上下文菜单嵌入HTML5视频播放器?

  23. 23

    将这个html5视频播放器的静音/取消静音功能反转

  24. 24

    使用PHP将视频文件加载到html5播放器

  25. 25

    如何修复干扰Firefox默认HTML5视频播放器的功能

  26. 26

    在iOS中安装PWA时,我的HTML5视频播放器无法正常工作

  27. 27

    React Functional组件html5视频播放器捕获事件

  28. 28

    视频广告未在YouTube HTML5播放器中展示

  29. 29

    如何将上下文菜单嵌入HTML5视频播放器?

热门标签

归档