首页 > 代码库 > 视频播放/暂停图标的切换
视频播放/暂停图标的切换
刚入行的码农小白努力的工作
-----------------------------
自定义：视频播放/暂停图标的切换
、
（自己截图的）
<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="utf-8"> <title>test</title> <script src="https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script></head><body><div style="width: 20px"> <a id="videoPlay"> <img id="picChange1" src="WechatIMG2.jpeg" style="width: 100%;"> <img id="picChange2" src="WechatIMG3.jpeg" style="width: 100%;display: none"> </a></div><video id="video" width="500"> <source src="Sea.mp4"></video><script> var video = document.getElementById("video"); $("#videoPlay").bind("click",function () { bofang(); }); function bofang() { if (video.paused){ video.play(); document.getElementById("picChange2").style.display = "none"; document.getElementById("picChange1").style.display = "block"; } else { video.pause(); document.getElementById("picChange1").style.display = "none"; document.getElementById("picChange2").style.display = "block"; } }</script></body></html>
如此，就可以自定义视频开始/暂停的图标
视频播放/暂停图标的切换
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。