video.js插件设置的远程地址上的视频,在谷歌浏览器上进度条不能拖动,一拖动就重新播放 20C

ideo.js插件设置的远程地址上的视频,在谷歌浏览器上进度条不能拖动,一拖动就重新播放,不能在进度条上点到哪播放到哪
在别的浏览器上都是可以拖动进度条播放的,求问谷歌浏览器要怎么解决

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Video.js 5.18.4</title>
    <link href="css/video-js.css" rel="stylesheet">
    <!-- If you'd like to support IE8 -->
    <script src="js/videojs-ie8.min.js"></script>
    <script src="js/video.min.js"></script> 
    <style>
        body{background-color: #191919}
        .m{ width: 1000px; height: 1000; margin-left: auto; margin-right: auto; margin-top: 100px; }
    </style>
</head>

<body>
    <div class="m">
        <video id="my-video" class="video-js" controls preload="auto" width="1000" height="800" autoplay="autoplay"
           data-setup="{}">
            <source src="http://192.168.1.56:8550/tools/download.ashx?site=main&id=1020" type="video/mp4">
            <p class="vjs-no-js">
              To view this video please enable JavaScript, and consider upgrading to a web browser that
              <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
            </p>
          </video>

          <script type="text/javascript">
            var myPlayer = videojs('my-video');
            videojs("my-video").ready(function(){
                var myPlayer = this;
                myPlayer.play();
            });
        </script>
    </div>
</body>
</html>

3个回答

tongkaiming
tongkaiming 回复sinat_37028632: 需要在video加一些属性,不好意思这几天没登录csdn
大约一年之前 回复
tongkaiming
tongkaiming 回复sinat_37028632: <video class="center-block" muted id="media" src="" height="500" controls="controls" preload="metadata" playsinline="true" webkit-playsinline="true" x5-video-player-fullscreen="false" x5-video-player-type="h5" x5-video-orientation="portraint">您的浏览器不支持 video 标签 </video>
大约一年之前 回复
sinat_37028632
DD_q 3q,代码正好用到了,但是在IE浏览器下就无法播放了。。
大约一年之前 回复

你可以看看是不是视频编码格式的问题,Chrome只支持H264

一般播放有两种方式,一种是请求服务器处理视频并传回,第二种直接请求xxx.mp4.
要实现拉动滚动条,第二种默认是可以的。第一种需要断点续传

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
播放进度条拖动的实现
<span style="color:#333333;">本课程使用H5、CSS3、jQuery模仿网易云音乐实现页面静态布局、歌单列表的获取显示、歌曲播放、上一首下一首歌曲切换、播放/缓冲进度条的更新、歌词的获取与显示,歌曲播放歌词同步滚动、磁盘旋转等功能的实现。主要使用H5中多媒体&lt;audio&gt;标签,CSS3中transition、animation、transform等动画效果结合jQuery完成用户界面交互。本课程作者联络 QQ:494657271<br />rn</span>
video.js动态设置视频的播放地址。
小白想通过js动态设置video的播放地址,饶了一天,终于走出坑,下面是解决的方法 js中 var videoUrl=var videoUrl="/file/"+row.path.substring(row.path.lastIndexOf("\\")+1); //此处填写你的视频地址             alert("videoUrl==="+videoUrl);          
video.js 禁止拖动进度条 该怎么写
我现在要做一个 视频学习的功能,没有学完的视频不能进行快进,学完了的就可以。rn现在我有一个变量用来判断他这个视频是否已经学完,所以我想找到拖动或者点击进度条进行进度切换的那个方法,把我的这个变量进行判断,从而限制他是否可以进行快进或者快退。rn但是我在video.js文件里找了很久都没有找到这个方法,敢问有没有哪位高人知道这个方法在哪啊??rn在线等~~~~
进度条拖动控制播放位置
ffmpeg是世界上应用广的开源视频处理框架,在各个平台(windows,linux,嵌入式、Android、IOS)被广泛应用,可以说是做视频相关项目技能nqt是目前跨平台项目界面开发的第一选择,本课程基于这两种框架在加上VC++,给大家讲解延时如何开发出一个视频播放器,各个模块如何结合,如何考虑性能问题,如何设计封装类,如何处理各种异常情况。
求助,在网页上实现进度条的拖动!!!
老板叫我做一个能够在网上能够进行交互的程序作为毕业设计。rn 说白了就是在网上能够拖动甘特图的时间条,并能够与数据库进行交互。听师兄们说ILOG的产品不错,于是我选用了ILOG Gantt for .net作了一个,但是老板说原来系统是用Java写的,.net不能集成进去,要我从新写,两个星期搞定。我欲哭无泪。 rn 问了问师兄,他们说ILOG Jviews 可以,但是网上下不到licence,老板也不愿意花钱买。rn 所以想问问各位高手,Java中有什么东西可以实现在网页上的拖动功能,并且拖动后的图形要能够与数据库进行交互。(其实那个图形就是由起始时间和结束时间构成)。rn 无论什么Java的组件和开源项目都可以。急用,谢谢!!!!!!!!
videojs视频可拖动播放与不可拖动播放
videojs视频可拖动播放与不可拖动播放
jsp上远程播放录音,如何实现拖动?
我在jsp上签入一个mediaplayer的播放器,我在本地播放服务器上的录音文件时,没办法拖动进度条,有什么解决方法吗?
Video.js 播放m3u8视频
Video.js 播放m3u8视频 videojs5.hlsjs.js组件 播放m3u8格式视频需要借助服务器 MP4可以直接播放,可以简单发布iis播放m3u8视频
播放器的进度条不能拖动,为何?
我用asp做了一个视频点播系统,用media player 7的插件播放,但进度条不能拉,请问如何解决啊?
网页视频播放进度条不能拖动
是一个培训讲座的视频,必须看完视频才能进入下一步。进度条不能拖动,rn请问有什么解决办法? rn
MFC上播放视频,拖动Dlg,视频卡死
在dlg上创建picture控件,显示类型为frame。rn然后我使用一个H264文件解码之后,一帧帧的显示到这个控件上。rn在播放的途中,如果拖动这个窗口,或者别的窗口覆盖了这个播放的对话框。rn这个播放的就会卡死。请问是哪里的问题?该怎么解决。rn分太少 大牛见谅。
拖动窗体上的绘图
本人在做PDA开发,利用GDI+绘图在窗体上,如何拖动窗体上的绘图?或利用滚动条rn请各位大侠指点!
网页上元素的拖动
我把网页分成了10行10列的格子,想实现用鼠标在格子之间的拖动,请问应该怎么来做?从哪里能找到相关的参考?
设置video.js多视频连续播放
var vList = ['video//demo.mp4', 'video//demo01.mp4', 'video//demo.mp4']; // 初始化播放列表 var vLen = vList.length; // 播放列表的长度 var curr = 0; // 当前播放的视频 var video = document.getElemen
视频不能拖动怎么解决?
微软的"excel实用技巧"视频不能拖动,可能是微软加了手段吧。我用了一些视屏修复软件,分割软件都没有效果。用屏幕录制软件又录不到声音,(可能只能通过麦克风录声音吧)。请问各位高手,怎么解决?
WEBFORM上不能自由拖动控件(VS2010)。
刚接触asp.net,有个问题不明白。rnrnVS2010中的WebForm中,如何像在winform程序中那样自由拖动服务器控件,调整位置?rnrn菜单 格式 -- 设置位置 -- 绝对或相对,通过设置此选项,有时好使,有时不好使
播放模式完善与进度条拖动实现
Android开发实战经典,本阶段课程由扣丁学堂Android教学总监马剑威讲授,课程以项目为导线,融合以上阶段所学的技术点,训练综合应用开发,讲解项目从需求分析、功能设计、到代码实现,模拟需求变更,还原真实开发中出现难点,解决难点,代码问题解析,调试异常与逻辑错误等问题,让你在真正的项目实战中增长经验。完成本阶段课程,威哥要恭喜你!一位崭新的Android开发小王子出炉啦。
flv拖动超出缓存,重新下载播放
客户端播放数据,由于拖动超出了缓存范围,rn需要到服务器端重新下载数据,也就是这段新数据rn和原来的数据有间隔,怎么样才能把这段数据播放rn成功呢?rnrnrn就像优酷或者土豆的得拖动方式,重新下载数据播放rn但是怎么才能把数据给播放出来呢?rn这段数据需要加什么?
如何设置panel上的拖动问题。
用一个panel组件。如何写才能够拖动panel整个窗体都移动。就像标题栏一样的拖动。请指教。
拖动插件
  var DragLib = window.DragLib = DragLib || {}; window.console = window.console || {}; console.log || (console.log = opera.postError); (function($) { DragLib.Drag = Drag; var dv; function Drag(name) ...
video.js可以播放那些视频?
我把优酷的源放到video.js中好像并不能播放,本地视频网上说也不行。rn请问, video,js对视频源的要求是什么,比如说什么视频格式要求之类。rn谢谢
可拖动进度条
可拖动进度条html组件,样式、javascript,内嵌到程序中,提高开发效率
jquery可以拖动的进度条
有效果的 大家都懂!
Android的进度条与拖动条
Android的进度条与拖动条
SeekArc-可拖动的进度条
实现了可拖动的进度条,可随意拖动进度条的进度。
ios 拖动重新排序
最近项目需要,做了拖动重新排序的功能 此为系统的方法iOS9之后可用,如果需要兼容9.0之前的版本请,网上找demo(挺多的,也封装的挺好的) 效果图如: - (void)setMycollectionView{     self.MyCollectionView.delegate = self;     self.MyCollectionView.dataSo
可拖动的进度条
可拖动-进度条div和h3/h4组合生成可拖动的进度条 主要是通过设置空白内容的div的背景色和内置的占比内容的颜色及比例实现视觉效果上的可拖动的进度条 基本的HTML代码如下:<div class = "father-div"> <h3 style="width:50%;"></h3> <h4></h4> </div> 温度:<span>50</span>father-
flex拖动进度条播放视频
请教各位flex高手一个问题,我做了一个flex播放器,用HSlider控制视频播放。在视频没有加载完成的情况下,也就是进度条拖到哪,就从哪开始播放。下面是我写的代码,在IE7,IE9,谷歌游览器上都可以实现拖动功能。在IE8上面实现不了,拖动进度条到没有加载到的地方进度条就回到起点位置了。各位高手帮忙看看,这个问题怎么解决。先谢谢了。rnrnrnrn rn rn import mx.events.VideoEvent;rn private function formatTime(item:Date):String rn return dateFormatter.format(item);rn rnrn private function videoDisplay_playheadUpdate():void rn /* If playhead time is 0, set to 100ms so the DateFormatter doesnt return an empty string. */rn var pT:Number = videoDisplay.playheadTime || 0.1;rn var tT:Number = videoDisplay.totalTime;rnrn /* Convert playheadTime and totalTime from seconds to milliseconds and create new Date objects. */rn var pTimeMS:Date = new Date(pT * 1000);rn var tTimeMS:Date = new Date(tT * 1000);rnrn timeLabel.text = formatTime(pTimeMS) + " / " + formatTime(tTimeMS);rn rnrn private function slider_thumbPress():voidrn rn videoDisplay.removeEventListener( VideoEvent.PLAYHEAD_UPDATE, onPlayingVideoUpdate ); rn videoDisplay.pause();rn rn rn private function slider_thumbRelease():voidrn rn videoDisplay.addEventListener( VideoEvent.PLAYHEAD_UPDATE, onPlayingVideoUpdate );rn videoDisplay.playheadTime = slider.value;rn videoDisplay.play();rn rn rn private function videoDisplay_ready():void rn rn videoDisplay.addEventListener( VideoEvent.PLAYHEAD_UPDATE, onPlayingVideoUpdate );rn videoDisplay.visible = true;rn controlBar.visible = true;rn rn rn private function onPlayingVideoUpdate() :voidrn rn slider.value = videoDisplay.playheadTime;rn rnrn rn rnrn rn rnrn rnrn rn rnrn rn rn rn rn rnrnrnrn
音视频拖动进度条问题
背景: 前端audio/video原生标签,后台java response流返回 现象: 在火狐浏览器可以正常播放,也可以正常拖动进度条,但在谷歌浏览器下只能播放,不能拖动进度条。 原因: 暂不知。 解决问题: 前端不动,后台在响应头上加上这一句就可以了,亲测有效。 response.addHeader("Accept-Ranges","bytes"); 前端代码如下(不是重点...
拖动进度条播放歌曲的实现
<span style="color:#333333;">本课程使用H5、CSS3、jQuery模仿网易云音乐实现页面静态布局、歌单列表的获取显示、歌曲播放、上一首下一首歌曲切换、播放/缓冲进度条的更新、歌词的获取与显示,歌曲播放歌词同步滚动、磁盘旋转等功能的实现。主要使用H5中多媒体&lt;audio&gt;标签,CSS3中transition、animation、transform等动画效果结合jQuery完成用户界面交互。本课程作者联络 QQ:494657271<br />rn</span>
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]
canvas 在SplitPanel上拖动的问题
在SplitPanel上setLeftComponent(canvas),怎么向右拖动分隔符,再向左拖,但拖不动了。。。rn怎么解决
Delphi 拖动Form上的控件
通过简单的发送消息,实现在FORM上拖动控件。
在SurfaceView上拖动一架飞机
接上一篇在[url=&quot;http://gundumw100.iteye.com/admin/blogs/1155212&quot;]SurfaceView上拖动一张小图片[/url] 什么叫拖动飞机呢?且看 [img]http://dl.iteye.com/upload/attachment/541707/3cffb937-414d-3168-82cf-6aaa9d8babd2.png[/img] ...
c# 在Panel上拖动图片
本例利用自定义控件,在Panel上拖动图片,适合于学习自定义控件的练习程序。
如何拖动窗体上的控件?
如何拖动窗体上的Image控件,就想用户在C++Builder设计窗口界面一样,可以任意拖动控件.
fpspread在web上的拖动问题
我在安装有fpspread控件的机器,运行程序,fpspread中是可以用鼠标改变列宽的大小,但是我把发布在服务器上,此台服务器未安装fpspread控件,网页可以正常显示,但不能用鼠标改变列宽的大小,后来我安装了fpspread,可还是不行,是不是服务器上有什么设置问题呢?很费解,请高人指点.
转换之后的视频在网页上不能播放
我用代码,命令行,转换出来的视频在网页上不能播放,转换工具是mencoder(MPlayer),但放到播放器里可以正常播放,由任意格式转换为swf格式的视频.为什么,请各路高手指教!!!
mac 下 coursera 上视频不能播放的问题
coursera下视频不能播放
相关热词 c# 线程结束时执行 c# kb mb 图片 c# 替换第几位字符 c#项目决定成败 c# 与matlab c# xml缩进 c#传感器基础 c#操作wps c# md5使用方法 c# 引用父窗口的组件