不知道问题出在哪

不知道问题出在哪

老师,您好,我在网页中插入一个视频,我想点击视频就能控制播放和暂停,我写了一个函数,却怎么也实现不了效果,想不通错在哪,希望老师能指导

我把代码贴在了codepen上,截图如下,麻烦老师了,拜托!

http://img1.sycdn.imooc.com//climg/5a0073560001088715870432.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
小丸子爱吃菜 2017-11-07 16:35:57

已经在你最新的提问中给与回复了,可以去查看!

提问者 qq_风飞扬_0 2017-11-07 15:44:53


老师,您好,我在网页中插入一个视频,我想点击视频预览图就能控制播放和暂停,我写了一个函数,却怎么也实现不了效果,想不通错在哪,希望老师能指导

代码如下,麻烦老师了,拜托!


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部分对视频播放 不起到影响,暂时就先不在这里贴出来了。



卡布琦诺 2017-11-07 11:50:00

建议你将代码粘贴上来,以便于大家更好的发现问题并不帮你解答,祝学习愉快!

  • 提问者 qq_风飞扬_0 #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部分对视频播放 不起到影响,暂时就先不在这里贴出来了。
    2017-11-07 15:45:29
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师