html5中怎么用空格播放和暂停视频

html5中怎么用空格播放和暂停视频,第1张

var isplay = true//默认是播放的

var video = document.getElementById("myVideo")

document.onkeyup=function(event){

var e = event || window.event || arguments.callee.caller.arguments[0]

if(e &&e.keyCode==8){ // 按 空格并让它d起

//要做的事情

if(isplay) {//判断当前播放状态

isplay = false

video.pause()

}else {

isplay = true

video.play()

}

}

< audio controls="controls"  >

  <source src="happy.MP3"type="video/mpeg">

  <source src="happy.ogg"type="video/ogg">

  您的浏览器暂不支持audio标签。播放视频

</ audio>

上面代码是两种格式标签选择。

不知道楼主有没html5和javascript的经验。

你就直接用

<input type="image" src="~/Images/Btn.jpg">

input标签就能做图片按钮

html5音频标签本身就有播放暂停功能。如果你要自己给按钮那就要自己用js调用html5的api。

调用其实很简单,调用play()和pause()方法进行播放暂停。

你可以根据w3c的基础教程看他如何控制的就懂了,下面是连接

http://www.w3school.com.cn/html5/html_5_video_dom.asp


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8030884.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存