video.js实现保存进度 js缓存视频

video.js进度条的问题

1、我只说思路：1。点击位置时，要判断点击点的位置，所处进度条的百分比。

2、如果用show-progress=‘{{false}}’，这个属性隐藏掉了进度条，那video原本自带的底部控制栏中（播放/暂停 ，进度时间，进度条，总时长，全屏/退出全屏），这些按钮中，就只剩下全屏/退出全屏了。

3、频所在的video或者div的时候无效化，原理就是鼠标选不到进度条，自然不能拖动了。如果你是要可以控制播放和暂停的话就实现js控制，反正是跳过 video自带的控制器自己去写。

4、今天在使用video播放本地视频时，遇到问题，进度条能移动，有声音，但是没有图像。

相关问答

Q1: 用js控制video的src

假设你用的是ASP或者ASP.NET，可以在ASP页面里，直接通过服务器代码获取QueryString的值，传递给JS变量。

该方式使用以创建好的video标签，只是简单的改变video的src。注意，此时的自定义组件（如清晰度）并没有更新，里面的数据还是上一个视频的信息，需要手动更新，可以手动移除后再添加。

video src=movie.ogg controls=controls浏览器不支持 video 标签。

js使用video标签当切换视频时会显示上一个视频是video标签没有改。如果直接把标签替换掉的话，第一次是可以播放，但再切换别的src还是会显示第一个播放的视频的src。所以，正确方法是连同video标签一起换了。

{ } 这个不太清楚是什么写法..可能是某些框架或插件里面的 (this).attr(data-video-src) 这个意思是获取 this对象的属性（data-video-src）的值。` ` 这个写法应该是es6里面的吧 ..没怎么接触过，也不太了解。

Q2: JS获取当前视频的播放进度!

1、audio.duration//播放时间。audio.currentTime//播放进度。udio是英文单词，有多种含义：Audio是AU格式一种经过压缩的数字声音格式的详写；Audio是音频的单词；Audio是听觉的单词。

2、我只说思路：1。点击位置时，要判断点击点的位置，所处进度条的百分比。

3、正在播放的视频应该是播放器的url，也就是说通过比对播放器的url与视频的url判断哪个是正在播放的视频。

4、为什么会怪？这种需求的可用事件，无外乎是“定时”、“暂停”、“关闭”、“拖拽进度”，如果有必要，可覆盖的事件当然越广越好。

5、添加关键帧：将时间轴移动到开头，将卡片位置移动到最左侧，然后添加一个位置关键帧。再次添加关键帧：将时间轴移动到末尾，将卡片位置还原，然后添加一个位置关键帧。添加文字：在进度条处输入文字。

6、您好，Html5 Video缓冲属性（media.buffered）返回的是一个对象的缓存范围：media.buffered.start(i)media.buffered.end(i)根据这个缓冲范围，可以实现一些定制的个性效果，如缓冲进度条等。

Q3: 如何在移动端上,也就是在手机上开发HTML

1、移动端联盟 跟pc端联盟有什么区别 亲，移动端就是手机端打开的广告，PC就是电脑端上看到的广告。就这个区别。。

2、框架：PhoneGap官网：简介：PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

3、第一种是采用WML编写适合于按键的传统手机的WAP网站，第二种是采用时下比较流行的HTML5编写前台。而如今随着中国的移动互联网发展和智能触屏手机的普及，WAP网站已经逐渐退出历史舞台。

Q4: JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理_百度...

如果要实现点击video播放或暂停，可以使用jquery的选择器来方便选取DOM。但要注意：jquery中并没有直接控制video元素播放、暂停的方法，需要用原生的JavaScript代码来控制。

wmv格式需要mediaplayer支持。兼容性不好。建议用ckplayer、cuplayer、jPlayer等插件，然后转为mp4格式，兼容性更好。jPlayer还可以默认适配IOS客户端，其他FLASH播放器可能需要自己写适配IOS。

首先需要新建一个html文件，命名为test.html，用于介绍如何使用JS控制video视频的src。在test.html页面，使用button标签创建四个按钮，分别是播放/暂停、大、中、小，用于控制视频的播放效果。

你这个得通过播放器来控制吧 ，如果你是用的播放器的话。具体的函数调用不太清楚，无非就是判断下是否登录，如果已登录则停止播放；这里提供下 H5 VIDEO 的函数：获得video对象后，可以通过调用pause()函数来暂停播放。

在JS中获取video标签，并监听它的loadeddata事件。loadeddata是指当媒体当前播放位置的帧完成加载时触发该事件，通常是第一帧。在监听 loadeddata 中指定事件触发时执行的函数，我们的实现截取第一帧就在这里面编写。

算一下处于那段视频中间；把那段视频对应的video显示出来，并把currentTime设置到相应的时间，然后play()。播放时通过监听timeupdate事件来更新进度条的位置。通过监听ended事件来获知一段视频已经播放结束，应该加载下一段。

Q5: 求video.js的详细用法及demo

1、该方式使用以创建好的video标签，只是简单的改变video的src。注意，此时的自定义组件（如清晰度）并没有更新，里面的数据还是上一个视频的信息，需要手动更新，可以手动移除后再添加。

2、其中一种解决方案是，将mpg格式的视频转换为支持的格式，例如mp4格式，然后在videojs中进行播放。可以使用一些视频转换工具，如FFmpeg、HandBrake等进行转换。

3、首先需要新建一个html文件，命名为test.html，用于介绍如何使用JS控制video视频的src。在test.html页面，使用button标签创建四个按钮，分别是播放/暂停、大、中、小，用于控制视频的播放效果。

4、采用video.js+扩展的方式，video.js自带方案2和3，需要为其扩展1/4/5。扩展单独实现为一个js库，与video.js搭配使用，不破坏其原有结构。如果视频源为HLS/DASH/HTTP-FLV/MP4则直接走video.js。

5、videojs怎么获取modaldialog 首先请运行opera浏览器。然后点击红框圈出来的图标。在弹出的菜单中，选择“设置”菜单。如果opera浏览器已经是默认的浏览器，那么设置窗口中显示如下，那么不必再对它进行设置。

关于video.js实现保存进度和js缓存视频的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。