不知道问题出在哪
老师,您好,我在网页中插入一个视频,我想点击视频就能控制播放和暂停,我写了一个函数,却怎么也实现不了效果,想不通错在哪,希望老师能指导
我把代码贴在了codepen上,截图如下,麻烦老师了,拜托!
正在回答 回答被采纳积分+1
老师,您好,我在网页中插入一个视频,我想点击视频预览图就能控制播放和暂停,我写了一个函数,却怎么也实现不了效果,想不通错在哪,希望老师能指导
代码如下,麻烦老师了,拜托!
HTML部分:
<div class="video_main dw"> <ul> <li class="video_main_video left"> <video id="videoPlay1" width="262" height="195" src="video/audio.mp4" poster="img/video.jpg" loop="loop" x-webkit-airplay="true" webkit-playsinline="true"> 您的浏览器暂不支持播放该视频,请升级至最新版浏览器。 </video> </li> </ul> </div>
js部分:
var video1=document.getElementById("videoPlay1"); video1.onclick=function(){ if(video1.paused){ video1.play(); }else{ video1.pause(); } }
CSS部分对视频播放 不起到影响,暂时就先不在这里贴出来了。
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星