不知道问题出在哪
来源：1-1 函数的定义和调用
qq_风飞扬_0
2017-11-07 15:43:09
老师，您好，我在网页中插入一个视频，我想点击视频预览图就能控制播放和暂停，我写了一个函数，却怎么也实现不了效果，想不通错在哪，希望老师能指导
代码如下，麻烦老师了，拜托！
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部分对视频播放 不起到影响，暂时就先不在这里贴出来了。
2回答
-
首先你要确保js文件引入路径正确，之后将js文件在html代码后面引入，像这样：
0h017-11-07 -
怎么都被占用了呢
2017-11-07
亲，经过测试你的代码是实现了效果的，页面刚加载进来时，单击预览图，开始播放视频，再多次点击视频，就是暂停和播放的切换了，是没有问题的
0h017-11-07
相似问题