为了账号安全,请及时绑定邮箱和手机立即绑定

html5中video标签。出现添加的按钮失效问题,代码没错啊

html5中video标签。出现添加的按钮失效问题,代码没错啊

西宏柿 2016-04-16 21:13:14
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>视频播放</title> </head> <body> <button onclick="click()">播放/暂停</button> <button onclick="click1()">放大</button> <button onclick="click2()">缩小</button> <script> var v=document.getElementById("aa"); function click(){ if(v.paused){ v.play(); }else{ v.pause(); } } function click1(){ v.height:800; v.width:800; } function click2(){ v.height:300; v.width:300; } </script> <video id="aa" > <source src="music/1.mp4"></source> <source src="music/1.ogg"></source> </video> </body> </html>
查看完整描述

2 回答

已采纳
?
Caballarii

TA贡献1123条经验 获得超629个赞

var v=document.getElementById("aa");这句写在<video id="aa" >的前面是取不到元素的,要把script标签放在</body>之前

查看完整回答
1 反对 回复 2016-04-16
?
蛋加树

TA贡献29条经验 获得超13个赞

楼上说对了,浏览器是一行一行地往下读取代码的,js代码一般放在后面,一来提高响应速度,二来不会出现像你这种情况。

查看完整回答
反对 回复 2016-04-17
  • 西宏柿
    西宏柿
    噢!懂了,怪不得我想那么久都不知道怎么错了,谢谢解答!
  • 2 回答
  • 0 关注
  • 2847 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信