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

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

4个回答

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

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

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

我没引入哪个js插件

my-video是videojs示例中的video对象的id。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
video.js可以播放那些视频?
我把优酷的源放到video.js中好像并不能播放,本地视频网上说也不行。rn请问, video,js对视频源的要求是什么,比如说什么视频格式要求之类。rn谢谢
Video.js 播放m3u8视频
Video.js 播放m3u8视频 videojs5.hlsjs.js组件 播放m3u8格式视频需要借助服务器 MP4可以直接播放,可以简单发布iis播放m3u8视频
播放进度条拖动的实现
<span style="color:#333333;">本课程使用H5、CSS3、jQuery模仿网易云音乐实现页面静态布局、歌单列表的获取显示、歌曲播放、上一首下一首歌曲切换、播放/缓冲进度条的更新、歌词的获取与显示,歌曲播放歌词同步滚动、磁盘旋转等功能的实现。主要使用H5中多媒体&lt;audio&gt;标签,CSS3中transition、animation、transform等动画效果结合jQuery完成用户界面交互。本课程作者联络 QQ:494657271<br />rn</span>
记录H5视频的播放进度和播放次数
第三季 ThinkPHP5 AJAX初级入门 及商城提高。根据第一季中有些同学不了解ajax。从基础讲解了ajax知识,作为补充,ajax在项目的中的应用越来越频繁。对商城增加了邀请注册 评论 积分 奖章 人性化显示时间 及linux简单使用演示等等
Video.js 播放rtmp视频流
使用video.js播放rtmp视频流 视频直播 直播间 <video id="my-video" class="video-js" controls preload="auto" width="640" height="300" poster="http://ppt.downhot.com/d/file/p/2014/08/12/9d92
进度条拖动控制播放位置
ffmpeg是世界上应用广的开源视频处理框架,在各个平台(windows,linux,嵌入式、Android、IOS)被广泛应用,可以说是做视频相关项目技能nqt是目前跨平台项目界面开发的第一选择,本课程基于这两种框架在加上VC++,给大家讲解延时如何开发出一个视频播放器,各个模块如何结合,如何考虑性能问题,如何设计封装类,如何处理各种异常情况。
设置video.js多视频连续播放
var vList = ['video//demo.mp4', 'video//demo01.mp4', 'video//demo.mp4']; // 初始化播放列表 var vLen = vList.length; // 播放列表的长度 var curr = 0; // 当前播放的视频 var video = document.getElemen
video.js动态设置视频的播放地址。
小白想通过js动态设置video的播放地址,饶了一天,终于走出坑,下面是解决的方法 js中 var videoUrl=var videoUrl="/file/"+row.path.substring(row.path.lastIndexOf("\\")+1); //此处填写你的视频地址             alert("videoUrl==="+videoUrl);          
使用video.js播放rtmp视频报错
video.js播放转码的rtmp摄像头实时视频,报错,但是使用测试地址,是可以的,求大佬给看看到底是哪里的错误,我把源码和错误放下面
h5视频倍速播放功能
playbackRate属性是个可读写的控制音视频播放速率的属性。 语法如下: // 视频获取速率 var videoSpeed = video.playbackRate; // 视频设置播放速率,如正常速度播放 video.playbackRate = 1.0; // 获取音频播放速率 var audioSpeed = audio.playbackRate; // 音频设置播放速率,如正常...
h5页面播放本地视频
&amp;lt;video controls=&quot;controls&quot; width=&quot;320&quot; height=&quot;240&quot; poster=&quot;movie.jpg&quot; &amp;gt; &amp;lt;source src=&quot;__PUBLIC__/test.mp4&quot; type='video/mp4; codecs=&quot;avc1.4D401E, mp4a.40.2&quot;'&amp;gt; &amp
videojs视频可拖动播放与不可拖动播放
videojs视频可拖动播放与不可拖动播放
播放进度条
用GDI画的播放进度条控件,部分接口需用户自己实现
支持m3u8格式播放的video.js
为什么要使用video.js? 1. PC端浏览器并不支持video直接播放m3u8格式的视频 2. 手机端各式各样的浏览器定制的video界面风格不统一,直接写原生的js控制视频兼容性较差 3. video.js解决以上两个问题,还可以有各种视频状态接口暴露,优化体验
video.js在IE8下无法正常播放
使用video.js插件在PC端播放视频,官方说可以兼容IE8,但是下载DEMO下来后在本地测试,发现IE 8不能播放。后来搜索资料发现了video.js兼容版本。这个应该是国内的在video.js基础上做了修改。发现特别给力。在这里要特别感谢兼容版本作者。 1. 基本代码结构: 2.现在来看一下Index.html<html> <head> <title>Video.js</titl
video.js切换播放内容src
目前系统使用videojs播放视频,有个需求是点击按钮,来回切换两个视频,并且要求rn如果视频1播放到1分30秒时,切换到视频2也要从1分30秒开始播放rnrn之前试了使用js切换src内容,检查元素可以看到src内容修改了,但是视频并没有切换播放。rnrn今天使用video.js的api方法实现了切换播放,分享一下,希望能有所帮助。rnrn首先我的video长这样:rnrn rn rn rn rn rn 视频1 rn 视频2 rn rnrnrn这是加了初始化方法rnrn rnrn这是我点击事件的方法rnfunction changeVideo(obj) rn //获取播放器对象rn var player = videojs('my_video_1'); rn if(obj == '1') rn //获取当前播放器的播放时间rn var curtime = player.currentTime(); rn //设置播放器的srcrn player.src("url1"); rn //重新加载播放器rn player.load(); rn //设置播放器从curtime开始播放rn player.currentTime(curtime); rn else rn var curtime = player.currentTime(); rn player.src("url2"); rn player.load(); rn player.currentTime(curtime); rn rnrnrn目前还存在一个问题没有解决,我的url如果直接写一个文件地址,则可以正常播放。rn如果我把url改成一个controller的访问连接,在controller里面返回文件地址,就无法播放,不清楚什么原因
全屏可以重新播放的广告
全屏可以重新播放的广告全屏可以重新播放的广告全屏可以重新播放的广告
基于video.js的rtmp直播流播放
如果发生报错,可能直播地址失效了,或者自己开直播用自己的直播流,需要起一个本地服务
video在谷歌chrome浏览器中点击进度条就重新播放问题
chrome浏览器中video中视频可以正常播放,但拖动进度条到新位置player.currentTime一直为0,进度条无法拖动,点击进度条会从0开始播放。 无论是原生video标签还是使用video.js都有这问题 但是在火狐和ie浏览器中并没有后这种问题。   解决方案: 如果视频时本地视频,暂时没有找到解决办法,只能自己写事件控制。 只有把video的src换成服务器地址,进度...
播放模式完善与进度条拖动实现
Android开发实战经典,本阶段课程由扣丁学堂Android教学总监马剑威讲授,课程以项目为导线,融合以上阶段所学的技术点,训练综合应用开发,讲解项目从需求分析、功能设计、到代码实现,模拟需求变更,还原真实开发中出现难点,解决难点,代码问题解析,调试异常与逻辑错误等问题,让你在真正的项目实战中增长经验。完成本阶段课程,威哥要恭喜你!一位崭新的Android开发小王子出炉啦。
flv拖动超出缓存,重新下载播放
客户端播放数据,由于拖动超出了缓存范围,rn需要到服务器端重新下载数据,也就是这段新数据rn和原来的数据有间隔,怎么样才能把这段数据播放rn成功呢?rnrnrn就像优酷或者土豆的得拖动方式,重新下载数据播放rn但是怎么才能把数据给播放出来呢?rn这段数据需要加什么?
特殊视频在播放器里点击无法播放,但是可以通过播放正常视频播放下一个 播放。
分析过程: 通过打 log 分析发现特殊视频的 MediaStore.Video.Media.MIME_TYPE 是 video/flv 类型,而 Gallery 的 Manifest 中没有包含此类型的文件。 解决方案: diff --git a/AndroidManifest.xml b/AndroidManifest.xml index f181457..3692fcd 100
插入视频的网页为什么可以在本机播放,但是一通过网络就不能播放?????(求助)
插入视频的网页为什么可以在本机播放,但是一通过网络访问机子就不能播放啊?请高手指教,下面是插入播放器的这段代码:rnrnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn
H5项目---视频微信播放问题
前端开发一起交流QQ群:740034288。 互联网创业团队兴趣QQ群:792710437。 新建《团队合伙人》贴吧:https://tieba.baidu.com/f?kw=%E5%9B%A2%E9%98%9F%E5%90%88%E4%BC%99%E4%BA%BA&amp;amp;fr=index。 1. video视频播放:设置 controls x-webkit-airplay=&quot;true&quot;...
h5视频和音频无法同时播放
&amp;lt;video id=&quot;video&quot; style=&quot;width: 100%; height: 100%&quot; poster=&quot;image/first.png&quot; onclick=&quot;playing()&quot; playsinline muted&amp;gt; &amp;lt;source src=&quot;image/default.mp4&quot; type=&quot;video/mp4&quot
H5短视频滑动播放video
用户下滑,加载新的视频播放,上滑看历史页面。1、布局,     手势下上滑要整体上下滑动,滑动距离不够,需要自动回退到初始播放页面,滑动大于最小距离,则需要翻页。      使用&amp;lt;ul&amp;gt;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;...&amp;lt;/ul&amp;gt; ul{ width:100%; transform:translateY(0) } l...
iOS 后台 播放h5 视频、音频  解决方案
1.  AVAudioSession *audioSession = [AVAudioSession sharedInstance];     BOOL ok;     NSError *setCategoryError = nil;     ok = [audioSession setCategory:AVAudioSessionCategoryPlayback         
视频的播放
1. &amp;lt;LinearLayout xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot; xmlns:tools=&quot;http://schemas.android.com/tools&quot; android:layout_width=&quot;match_parent&quot; android:layout_height...
video.js 禁止拖动进度条 该怎么写
我现在要做一个 视频学习的功能,没有学完的视频不能进行快进,学完了的就可以。rn现在我有一个变量用来判断他这个视频是否已经学完,所以我想找到拖动或者点击进度条进行进度切换的那个方法,把我的这个变量进行判断,从而限制他是否可以进行快进或者快退。rn但是我在video.js文件里找了很久都没有找到这个方法,敢问有没有哪位高人知道这个方法在哪啊??rn在线等~~~~
Vuforia VideoDemo 每次触发视频重新播放
本人也是小白 这个问题我找了好多天 都没解决 还是一个群里的大神告诉我的,怕自己会忘记所以给记录下来,也提供给需要的网友学习。 解决方法很简单,因为我不懂所以找了半天也没找到。废话不多说上图! 本人使用的是vuforia的官方的视频Demo,有需要的可以自己从官网下载。 打开官方Demo里制造好场景。 然后找到ImageTarga组件,找到组件上的这个脚本,如下: 打开后,找到这段代码
页面播放SWF视频如何增加进度条
有什么什么办法不通过修改FLASH文件增 使用代码加进度条
使用SurfaceView+Medaplayer+SeekBar完成视频的播放加进度条
在主页面中activity_main布局中     xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layo
html5怎么实现视频重新播放
添加一个按钮,什么时候点击都实现重新播放
yamdi批量添加关键帧,视频可拖动播放
yamdi批量添加关键帧,视频可拖动播放
.net网站,怎样实现视频拖动播放?
我的.net网站视频播放只有在客户机全部下载完之后,才能随意拖动,怎样做的像视频网站那样随意拖动,动态下载。我用的是wmv格式视频,代码见图片。是从网上找的一般的mediaplayer的播放器控件rn这是我的代码rn[code=HTML]rnrn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn rn[/code]
h5 video统一播放
h5 video统一播放,兼容主流浏览器,支持mp4格式及其它格式
h5 audio播放音频文件
h5 audio播放音频文件及防盗链时的解决办法
H5播放视频插件
官网: http://videojs.com/ github下载地址: https://github.com/videojs 相关解决问题文档: http://www.cnblogs.com/ylsq/p/5141774.html 相关使用方法: var myPlayer = videojs('my-video'); myPlayer.play(); // 播放视
h5 播放摄像头视频(转)
转自:https://blog.csdn.net/u011365831/article/details/78133165 1、页面HTML代码: &amp;lt;canvas id=&quot;video-canvas&quot; style=&quot;width: 100%; height: 387px;&quot;&amp;gt;&amp;lt;/canvas&amp;gt; &amp;lt;script type=&quot;text/javascript&quot; src=&quot;&am
H5开发:H5视屏播放
HTML5 是下一代的 HTML, 提供了展示视频的标准,规定了一种通过 video 元素来包含视频的标准方法。 Video有以下的属性。 autoplay    autoplay    如果出现该属性,则视频在就绪后马上播放。     controls     controls    如果出现该属性,则向用户显示控件,比如播放按钮。    
相关热词 c#部署端口监听项目、 c#接口中的属性使用方法 c# 昨天 c#func链接匿名方法 c#怎么创建文件夹 c#从键盘接收空格 c#da/ad c#部门请假管理系统 c#服务器socket c# 默认的访问修饰符