2 shengshihouzhe shengshihouzhe 于 2016.04.01 17:42 提问

html5 video标签切换视频问题

现在想实现这么一个功能:
html5 video标签在播放视频过程中,点击按钮切换到另一个视频资源,并跳到上一个视频的时间点。
比如,A视频播放到3分15秒,点击某一个按钮后,播放B视频,且从4分15秒开始播。
不知道为什么,PC上没有问题,可以正常跳转。但是移动端就会出问题,尤其是安卓客户端,都是从头开始播。
求大神解救!

以下是部分代码:

<video id="my_video_id" class="video-js vjs-default-skin" controls width="640" height="264" data-setup='{}'>
<source src="movie.mp4" type='video/mp4' id="sour1"/>
</video>

function jumpPlan(){
var video = $("#my_video_id")[0];
video.src = "movie1.mp4";
video.load();
//$("#my_video_id")[0].currentTime = 100;
video.currentTime = 200;
video.play();
//video.onprogress=(video.currentTime = 200);
//quartz();
}

2个回答

showbo
showbo   Ds   Rxr 2016.04.01 18:08

早canplay事件中设置currentTime试试
http://www.w3school.com.cn/tags/av_event_canplay.asp

shengshihouzhe
shengshihouzhe 还是不行,我把所有的事件都试过了
一年多之前 回复
showbo
showbo 或者loadedmetadata事件
一年多之前 回复
CSDNXIAON
CSDNXIAON   2016.04.01 17:52

html5 video视频标签
HTML5视频标签video
使用HTML5的video标签播放视频
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!