
快进和后退
要实现这两个特性,我们首先需要为HTML文档制作按钮。它们的标签同样是Unicode符号——向左的三角双引号(&mxOOAB;)及向右的三角双引号(&mxOOBB;)。两个事件监听器属性用来开始及结束快速搜索,开始事件为omnousedown,结束事件为onmouseup:
〈inputtype="button"
vaiue=M&mxooAB;"onmousedown="fastFwdBwd《-l)wonmouseup=,,fastFwdBwd()'V〈inputtype=,,button,'
value="&mxooBB;Monmousedown=MfastFwdBwd(1)"onmouseup="fastFwdBwd()'VJavaScript回调函数fastFwdBwbo非常简短:
varfastFwdBwd=function(direct){
_pause();
//fd&ct){
video.playbackRate=*direct;
视频加速播放过程中用到两个重要的属性。第一个是回调函数中的video.playbackRate,它代表着当前播放速度,第二个属性是video.defaultPlaybackRate,其默认值为视频的常规播放速度,数值为。快速播放时我们需要改变播放速度,举例来说,意味着播放速度为默认值的2倍,为4倍,依此类推。数字及负号决定了播放方向一一正数为前进,负数为后退。
根据规范,每次调用video.play()时,video.playbackRate属性的值都必须被设为video.defaultPlaybackRate的值。因此我们可以断定,
宁波网站建设认为只要不改变defaultPlaybackRate的值,每次重新开始视频播放时都会处于一个常规速度。若要增加速度,我们只需要改变video.playbackRate的值。
这让fastFwdBwd()运行起来十分简单:首先将视频作一个短暂的停止,然后通过为变童direct賦值为1或-1来改变播放方向,并用video.playbackRate值来设置加速,之后随即再次开始播放。
jpause()与_playo函数包含了开始及停止视频的代码块,之前在回调函数playPauseo中我们已经见到过了。依靠这些函数,让我们能直接通过脚本来控制播放和暂停,而不需要单击Play按钮。为了将Play的按钮与功能分离开,我们在initContro丨()里通过getElementById()获取按钮对象,并指向变量pButton。playPause()的分离版本见代码清单。
代码漓单开始及停止视频varplay=function。{vi^eo.play();pButton.value=String.fromCharCode(,5AE','5AE,);J
varpause=function(){vi^eo.pause();
pButton.value=String.fromCharCode('Ox2,);varplayPause=function(){if(video.paused){厂play();else{
厂pause。;
};
选择电影场景为了选择特定场景,首先我们需要一个包含时间戳及标题的列表,创建一个下拉菜单:
〈selectname=Mscenes"onchange="selectScene(this)"size=l9〉
〈optionvalue="o:oo"selected〉0Openingscene〈/option〉
〈optionvalue=M0:2Bu〉o:23Titlesequence〈/option〉
〈!--17otherentries--〉
〈/select〉
剩下的事情用回调函数selectSceneO就能轻松解决。我们将选中项以参数形式传入,然后将其时间戳转换为秒,并设为video.currentTime的值。最后,再次调用_playo从指定位置开始视频播放。
本文由乐华网络编辑,转载请注明出处
宁波网站建设www.leseo.net