2 sinat 34958098 sinat_34958098 于 2016.05.11 18:56 提问

html5中,如何能够在video中的视频加载完成后运行js代码

window.onload时间并没有在视频加载后,找了好久都找不到答案,求大神回答下

2个回答

caozhy
caozhy   Ds   Rxr 2016.05.11 19:31
qq_32859205
qq_32859205   2016.07.19 14:44

myVideo.addEventListener("canplaythrough", function () {
//要执行的函数内容
alert("视频加载完毕");
});

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
html5 video标签嵌入视频
前面谈到了网页怎么嵌入flash视频,就想到了另一个问题,flash格式视频在手机上播放,需要手机安装flash播放插件,而且flash视频绝对无法在苹果手机上播放,因为苹果对flash的不支持,导致现在flash前景堪忧。当然目前已经有些插件可以支持苹果手机播放flash视频。   这里就要谈一谈html5的video标签了。html5功能的强大是毋庸置疑的,而且作为一款为苹果量身定做的前
强制Html5视频全量加载方法步骤详解
本文和大家分享的主要是强制Html5视频全量加载相关内容,一起来看看吧,希望对大家学习html5有所帮助。   默认情况下我们实现一个简单的 H5 的播放器,只需要这么简单的代码就好:     这个时候用户点击播放按钮就可以开始播放了。   但是为了更好的用户体验,我们有的时候需要预加载视频,比如有的视频可能是在用户产生某些交互进行显示播放的。这个时候我们优先想到的是 pr
【实例】HTML5中video播放视频实现特效
前言 本实例是我在看《head first html5》的时候看来的,自己打过一遍加深印象,功能是实现视频的播放、暂停、切换、反色、黑白 video播放 #video { border:1px solid black; position:absolute; } canvas { border:1px solid black; position:absolute; }
html5 video 预加载
var video_=document.createElement('video');        video_.setAttribute('src',src_);        video_.load();
HTML5 插入视频 自动播放
four in one vedio video.margin {margin:-7px -10px 0 -2px}    Your browser does not support the video tag.    Your browser does not support the video tag.
HTML5—视频插入—video元素的属性、事件与方法
HTML5中video元素的属性、事件与方法
HTML5 - 使用<video>播放视频
1,下面是一个播放视频的最简单样例 (controls属性告诉浏览器要有基本播放控件)<video src="hangge.mp4" controls></video>2,通过width和height设置视频窗口大小<video src="hangge.mp4" controls width="400" height="300"></video>3,预加载媒体文件 设置preload不同的属性值
Webkit中HTML5 Video的实现分析 (四) - 视频加载及播放的时序图
MediaPlayer同MediaPlayerPrivateInterface,再同播放控件的交互过程应当要简单、清晰。MediaPlayer通过自身的状态(Network States 和 Ready States)来控制操作的步骤。MediaPlayerPrivateInterface具体到不同的平台和视频格式,使用的具体的播放控件会不同。 这里仅贴一张时序图,其中没有特别区分HTM
Android webview 加载html5 Video的视频,有时候出不来,该怎么办呢?
通过几天不断的看webview 资料和不断尝试终于找到了几个关键点! 第一: webview.resumeTimers(); 如果没有这行代码,会出现html5 页面加载到89%,不走了,在onpagefinished()方法里面返回about:blank第二: webView.setDrawingCacheEnabled(true); webView.buildDrawingC
给Html5视频播放器添加字幕
现在各种支持HTML5的浏览器都能够播放html5视频了,但是对于字幕的支持却很少,我们期待像DVD那样强大的字幕。 往往我们还不得不通过js来做,着实是一件痛苦的事情。 现在IE10率先对HTML5 Video 字幕给与内置的支持,而且还支持多语言,可任意切换,真是太给力了。 示例代码如下: video id="mainvideo" controls autoplay loop>