H5的Video.js代入后的视频可以播放,但是一拖动进度条就重新播放。。。

图片说明
图片说明
如图,视频可以播放,可是一点进度条就重新播放,该怎么解决

0

3个回答

var myPlayer = videojs('my-video');
videojs("my-video").ready(function(){
var myPlayer = this;
myPlayer.play();
});

0
m0_37852904
阡路陌人 回复qq_39940579: 那你看看这个例子吧 http://www.jq22.com/yanshi404
一年多之前 回复
qq_39940579
林捷帆 您好,还是这样子,一点进度条就重新播放了,你这段代码是设置自动播放吧
一年多之前 回复
qq_39940579
林捷帆 my-video是哪里来的
一年多之前 回复

我直接用的video标签,前几天刚刚弄视频这个东西,没有出现你说的那个情况

我没引入哪个js插件

0

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
videojs视频可拖动播放与不可拖动播放
videojs视频可拖动播放与不可拖动播放
video在谷歌chrome浏览器中点击进度条就重新播放问题
chrome浏览器中video中视频可以正常播放,但拖动进度条到新位置player.currentTime一直为0,进度条无法拖动,点击进度条会从0开始播放。nn无论是原生video标签还是使用video.js都有这问题nn但是在火狐和ie浏览器中并没有后这种问题。nn nn解决方案:nn如果视频时本地视频,暂时没有找到解决办法,只能自己写事件控制。nn只有把video的src换成服务器地址,进度...
videojs进度条禁用
根据客户需要,video播放视频时,不能拖动进度条,思来想去无解,于是翻墙找大牛,果然老外还是流弊。这个例子大家可以参考
HTML 禁止拖动Video进度条
其实当初我以为做这个很简单然后我百度了一下,找到了以下几个办法1、用个透明的层或图片把进度条盖住2、如果是浏览器自动渲染是无法定义的,可以使用第三方的html5播放器插件,3、自己写进度条然后我需要一个去尝试 n第一个很简单,一个DIV给挡住,但是包括进度条以及暂停和声量包括全屏无法点,我觉得挺好 的,就按照这个做了,然后就被喷了,不满足客户需求,奖励继续留下来加班。第二个用其他插件,感觉 <vid
DragVideo,一种在播放视频时,可以任意拖拽的方案
# DragVideonA Method to Drag the Video When Playing Videonn一种在播放视频时,能够拖拽的方案
关于视频播放器拖动点击问题
对于播放器大家都不陌生,我在实现播放器下的滑动用的是SeekBar,SeekBar是Android自带的控件,支持滑动,点击主要是他的这个方法:rnrnrn rnrnrn布局文件是这样的实现的:rnrnrnrn这就是我用原生的SeekBar实现的,支持点击和拖动但是问题来了,我用SeekBar做了另外一个播放器,用的是ijk实现的播放器,实现代码差不多rnrnprivate final SeekB
纯JS 打造HTML5+APP 专属 VIDEO 视频播放器,支持记忆续播和缓冲进度条 ,支持 android/ios/web
纯JS改写 video 支持Android / IOS /WEB三端播放。nn支持播放视频格式:nn.mp4n .webmn .m3u8n .mpdn .flvn n nn基础功能:nn5+APP为什么要使用HTML5 视频播放器?,主要为了更方便在视频表层添加任何图标或物品也方便对播放器样式改造,进行相关操作,相对原生视频播放器,要在视频层添加图标就困难多了。nnn...
html5 audio demo【修复拖动进度条bug】
html5 audio自定义样式以及播放控制demo。以前那个有bug,csdn太坑不能删除或者修改,只能重新上传一个了
H5视频播放,左右滑手势控制播放进度。
水平有限,这篇文章中对H5视频播放做了简单的搭建。因产品经理要求,加入了手势控制,左滑后退播放10秒,右滑快进10秒。因为上下滑动可能会影响页面的滑动,如果用到iscroll或者batterscorll等插件更需要小心谨慎。固未添加控制音量的上下滑动事件。下面这段代码主要是css部分和一个video标签。<!DOCTYPE html>n<html lang="en">n<head>n <met
h5,video禁止拖动进度条,禁止快进
利用jq简单控制h5视频播放进度条,让使用者不能快进,可以后退。原理是每500毫秒记录一次进度条时间,如果下一个500毫秒的进度减去上一个500毫秒的进度大于1秒,那么就让视频返回到上一个进度,因项目开发中对于视频播放只有这么一个要求,所以搞得比较简单。代码仅作参考。大神轻喷。
video标签进度条圆点多次点击会造成页面的所有点击事件失效
如图所示,在ios微信端H5页面的video标签,如果多次点击圆点或反复拖动进度条,会造成页面上所有的点击事件失效解决办法: 给video绑定点击事件,当页面上所有按钮的点击事件失效后,会自动执行video的点击事件。...
videoJS cordova IOS 播放视频双进度条问题
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:nMarkdown和扩展Markdown简洁的语法n代码块高亮n图片链接和图片上传nLaTex数学公式nUML序列图和流程图n离线写博客n导入导出Markdown文件n丰富的快捷键n快捷键n 引用块内容加粗 Ctrl + B n斜体 Ctrl + I n引用
HTML5多媒体的之audio和video。JavaScript控制进度条播放进度
使用HTML5多媒体,audio和video两个元素可以让用户不必借助flash player插件即可播放音频和视频。 n小知识:视频文件包含了音频轨道,视频轨道和其他一些元数据。当我们播放视频的时候,音频轨道和和视频轨道是绑定在一起同步播放的。元数据部分包含了视频的封面,标题,子标题,字幕等相关信息。 n一.使用audio元素 nHTML5中的audio是用来播放声音文件的,支持ogg Vorbi
HTML5实现video标签的自定义播放进度条
HTML5实现video标签的自定义播放进度条rn rn rn rn 现在随着html5的渐热,越来越多的web开发者都开始选择使用html5写出一些比较好的web应用。rnhtml代码:rnrn&amp;amp;lt;!DOCTYPE html&amp;amp;gt;rn&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;rn&amp;amp;lt;head&amp;amp;gt;rn &amp;amp;lt;meta chars
video 标签结合js实现播放暂停,广告弹出,进度条联动 video标签的简单应用
n&amp;lt;!DOCTYPE html&amp;gt;n&amp;lt;html&amp;gt;n &amp;lt;head&amp;gt;n &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;n &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;n &amp;lt;style type=&quot;text/css&quot;&amp;gt;n *{n margin: 0;n padding: 0;n
django 18、video播放时间不能超过5s并且视频有时无法显示问题的解决方法
起因:我用django自己建了一个网站,以mod_wsgi+apache的方式部署在阿里云的ubuntu系统上,网站上的视频播放我是用的html中的video标签做的,但是我发现我只能播放时长&amp;lt;=5s的视频,大于这个时长的视频就会提示: 视频播放因网络错误而终止。n我的播放视频的代码是:nnn&amp;lt;video src=&quot;0.mp4&quot; controls=&quot;controls&quot; style=&quot;w...
JS自定义多媒体Video控制条(控制视频播放、进度、全屏案例)
案例参考rn先来看一下一些视屏控件rnrnrn需求rnrn点击按钮实现视频的播放和暂停rn按钮切换全屏和退出全屏功能rn进度条和时间rnrn前期准备rnHTML DOM Video 对象文档rn图标字体库下载和文档rn案例目录rnrnHTML代码rnrn我们自定义实现控制条,所以video不要使用controls属性rn从其他网站视频播放,一般都是要自己实现控制条来达到我们想要的效果,使用video提供的控制条相关属性就很难修改,也...
vue-video-player不是很合心意?要不试试d-video-player,来看看怎么实现一个播放器
最近做的毕设,需要播放个视频,看看用Vue有什么解决方案nn搜出来的基本上都只是vue-video-playernn用了之后我想根据需求给底部控制栏加一个切换码率的menunn但是不知怎么加,网上也找不到什么办法,无奈之下......nn我自己写了一个基于vue的播放器 --&amp;gt;  D-Video-Player,小兴奋啊,第一次写出这样的小玩意nn当然,肯定是比不上surmon-china大佬...
video.js+swiper 视频播放结束后三秒播放下一个,点击播放视频
部分代码nn&amp;lt;!DOCTYPE html&amp;gt;nn&amp;lt;html&amp;gt;nn&amp;lt;head&amp;gt;nn&amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;nn&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;nn&amp;lt;/head&amp;gt;nn&amp;lt;body&amp;gt;nn nn&amp;lt;video id=&quot;example_vid
Video.js 播放rtmp视频流
使用video.js播放rtmp视频流rnrnrnn n 视频直播n n n n nnn 直播间n <video id="my-video" class="video-js" controls preload="auto" width="640" height="300"n poster="http://ppt.downhot.com/d/file/p/2014/08/12/9d92
用vue+videojs实现播放rtmp遇到的问题
代码结构如下:nhtml:nnjs:n问题呈现:nn后来经过百度,是flash的问题,解决办法:nn点击浏览器如上图标,将flash选择为允许nn更改之后会提示重新加载nn点击点击重新加载即可nn...
【H5】iOS系统下的video视频播放完后重新刷新视频
业务需求是H5页面中嵌套video视频,自定义控制视频暂停或者播放,但是对于ios系统下手机,会出现两个问题导致自定义播放事件失效:n1.ios系统下视频自动回放全屏幕播放n2.播放完之后定义在最后一帧图片上n最终目的是video播放完之后实现刚加载出页面时候的效果(即第一张图片效果)nnnnnn[加载完页面时候的样式]nnnnnnnn播放完之后视频nnn...
video.js 移动端显示播放视频
工作需求 需要在手机端显示视频,视频地址是后台提供nnnnn想到的处理办法:nn最开始直接用的h5的标签,定义了加载元数据,nn但是在有的机型上,能显示视频,部分上却无法显示nnn查阅了许多资料,都没能让所有的样式统一,尤其是微信浏览器,而主要针对的用户却都是从微信上访问的,nn所以这个问题必须解决,nnnnn遇到的问题:nn1.部分机型上无法显示视频,只
【移动端html5】 android video播放进度精确控制
在做视频演示或视频游戏的时候,需要对视频进度进行精确控制,但是,android系统对html5 video标签的实现上,却不支持视频的精确定位,基于性能考虑,在暂停时的改变将不会刷新画面。下文是项目中用到的一种变通方法
video自动播放 隐藏播放控制条,并且用点击 video 元素的时候 控制暂停和播放...
说一下几个要求:nn页面打开自动播放n当不能自动播放时,第一次点击(document)就触发视频播放n因为播放控制条会挡住视频内容,所以隐藏,但是点击 video 元素的时候可以控制暂停和播放n以上要求兼容pc端和移动端nn&lt;video width="670" height="auto" id="whVideo" autoplay ...
【转换工具】让MP4可以拖动播放
几百M的MP4传到服务器上后,但是在网页上需要加载完成后才播放。此国外的工具将MP4进行信息调整,使其可以在网页中播放时实现边加载边播放。
设置video.js多视频连续播放
var vList = ['video//demo.mp4', 'video//demo01.mp4', 'video//demo.mp4']; // 初始化播放列表n var vLen = vList.length; // 播放列表的长度n var curr = 0; // 当前播放的视频n n var video = document.getElemen
关于videojs直播暂停的提示
n当主播暂停直播时,用户端应有暂停的提示,播放器变为可刷新状态而无需刷新页面。nnn nn默认的暂停直播会报错:当前媒体不能被载入。nnnn nn网上找了好多都没有相关的解决办法,暂提供以下解决办法:nnn&amp;lt;video-playern class=&quot;vjs-custom-skin&quot;n ref=&quot;videoPlayer&quot;n :options=&quot;playerOptions&quot;n @play...
html5 h5 video ios 苹果 不全屏播放 播放一次就不能播放
&amp;lt;video id=&quot;myVideo&quot; src=&quot;MP4.MP4&quot; preload=&quot;none&quot; webkit-playsinline=&quot;&quot; playsinline=&quot;true&quot; controls&amp;gt;&amp;lt;/video&amp;gt;controls  解决播放一次就不能播放webkit-playsinline=&quot;&quot; playsinline=&quot;
视频播放控制,添加一个滚动条 。(拖动/自动)
1,代码及注释(只注释新功能代码)nn/*创建一个全局变量来表示滚动位置,并添加一个回调函数来更新和重新设置视频读入位置*/nn#include &quot;highgui.h&quot;nn#incldue &quot;cv.h&quot;nn//定义滚动全局变量nnint g_slider_postion = 0;nn//定义CvCapture对象为全局变量(回调函数会用到CvCapture对象)nnCvCapture* g_cap...
实现本地音乐选择,播放,带可拖动进度条
Android实现扫描本地sdcard上的所有音乐.并且可以进行播放,带可拖动进度条。 博客地址:http://blog.csdn.net/lowprofile_coding/article/details/45820163
学习整理——html+css+js可拖动进度条
问题rn实现可拖动的进度条,类似于播放器那样。由于主要是应用在手机上,所以某些接口会因为浏览器内核的不同有所不同,没有做兼容性测试。Demo的平台为Android4.4,webview内核的话应该是chromium。rnrnrn模型rn在参考了网上一些代码后,决定实现模型如下(html):rnrnrnhtmlrn n n n n n n 用的嵌套布局。rnrnr
视频画中画效果,拖动进度条可以seek到相应视频帧显示
n n n nn nn n n 在视频开发中,我们常常看到这样的效果,拖动进度条时,或是在进度条上方或是在屏幕中间,显示拖动进度条位置时刻的某一帧画面。这个需求,如果是你,你会如何做?通常一个需求,不仅...
如何让播放器支持从未下载的时间点开始播放(支持随意拖动)
要支持该功能,需要考虑的因素包括:视频文件,服务器,播放器设置一:视频文件要存在关键时间点。这是标准的格式所决定的。不管是flv还是mp4都需要,举一个简单的示例,比如视频文件名1.flv里存在的关键时间点和关键帧数据如下1,5,10,15,201000,1500,2000,2500,3000上面是一一对应的,即有一个关键时间点就会有一个关键帧,这些是视频本身的信息。要转换视频时就需要把这些信息写...
使用flv.js与video.js实现播放视频直播
H5直播系列五 H5实现调查(flv.js,cyberplayer,JWPlayer,videojs,hls.js)nhttps://www.jianshu.com/p/d45007991d75nn使用flv.js与video.js实现播放视频直播(简教程)nhttps://www.jianshu.com/p/d9c66d7d1653nnflv.js简单使用示例nhttps://www.jians...
原生js实现移动端的视频播放可拖拽小窗功能,点击小窗返回到原始页面
html代码&amp;lt;!DOCTYPE html&amp;gt;n&amp;lt;html lang=&quot;en&quot;&amp;gt;n&amp;lt;head&amp;gt;n &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt;n &amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&amp;gt;n &a
Videojs播放RTMP流媒体
本人实现在pc端   移动端请参考flv.jsrnrnrnrnrnrnrnrnrn //地址是个样式rnrnrnrnvideo.js">rnrnrnvideojs.options.flash.swf = "video-js.swf";rnvar myplay = videojs("my-video"); //播放rnvar myVideo = document.getElementById("my
H5音频<audio/>样式修改,拖拽、点击进度操作、总时长加载
H5音频自定义样式,拖拽、点击改变进度操作,总时长 during 加载nn1>“点击播放”和"点击暂停" 调用原生audio.play() 和 audio.pause()来对进度条进行操作n2>总时长加载:解析 audio.duration 来获取总时长,会有部分浏览器兼容问题,下面列举部分兼容方式。n3>点击跳转进度:获取当前的 鼠标点击位置【e.pageX】 - 进度条.offsetLeft【相对于它的直接父元素 的 偏移量】,使用 translateX 改变 “蓝色小球”的播放进度位置。n4>拖拽跳转
opencv2/3播放视频实现进度条显示拖动、快进、快退、逐帧播放、显示当前帧于图像
方便调试,写了个opencv实现进度切换的程序n主要功能:nvoid ShowHelpText()n{n //输出欢迎信息和OpenCV版本n printf("\n\n ----------------------------------------------------------------------------");n printf("\n\n\t\t\tCODE BY KAKA\
jquery插件实现播放进度条
自己写了一个插件,主要是实现播放进度条的,学生学习作品,可以拖动。不过在移动端还是不可拖动。rn主要原理是设置一个容器,例如div,获得它的长度,然后设置时间,单位毫秒,把获得的长度除以时间,利用js定时器,每1秒改变一次。这就基本实现进度条了。rn拖动的话,就是处理鼠标按下,移动,抬起这些动作来处理的。东西已经托管到github了地址 https://github.com/IMMC,有兴趣可以看
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 ios开发视频慢速播放 ios开发视频倍速播放

相似问题

9
怎样在网页(html)上播放avi格式的视频,不想用flash
2
html-字符串去掉HTML标签但是保留样式
5
idea 开发html 为什么不能格式化,有什么办法可以格式化现在的效果如图
1
Geolocation定位权限被用户拒绝后,可以再次发起请求吗?
3
有没有小伙伴知道如何写按下点击表格再按下更新可以修改里面内容的代码!
4
onclick里面的方法写在$(function() )里面无效,写在外面就生效是什么问题呀?
1
html网页经过微信内置浏览器转码后内部的href属性链接无法点击跳转
2
重置计算机后,没想到把火狐浏览器给删除了,如何恢复浏览器中的插件和插件中的数据?
4
eclipse上导入项目后HTML文件中js,css文件无法引入
2
.html()明明有内容,但是结果是undefined
2
jq 在ajax中带上headers后报错
1
IOS 12.0 版本的手机 html项目从一个页面进去另一个页面,再返回后,页面所有事件都无响应
2
html 中的#document后面的内容为什么爬不下来
3
项目中有多个IP需要修改,有没有方法可以优化?
2
为什么PHP文件输出后面会带有分号和结束符?
1
请问点击html中上传文件中的浏览按钮之后,eclipse.exe就停止运行了,怎么解决?
1
echarts 怎样实现页面加载就固定显示某个日期的信息。
1
unity3d和网页的交互可以跟Andorid和html交互那样吗,最后unity3d导出库给Android打包成APK?
1
HTML 页面增大后原本同层的DIV浮动到下层
3
需要一个input,输入的内容自动存入localStorage并在刷新页面后显示出来