HTML5照片和视频的隐藏和显示

最新推荐文章于 2024-06-24 17:26:32 发布

忙着写BUG

最新推荐文章于 2024-06-24 17:26:32 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/MincingMachine/article/details/78661781

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script src="js/jquery-1.11.0.min.js.js"></script>
       <script type="text/javascript">
           $(function(){

               $("#img").click(function(){
                   $("#img")[0].style.display="none";
                   $("#vv")[0].style.display="block";
                   $("#vv")[0].play();
               })
               $("#vv").click(function(){
                   $("#vv")[0].style.display="none";

                   $("#img")[0].style.display="block";
                   $("#vv")[0].pause();
               })
           })
       </script>
   </head>
   <body>
       <img src="img/aa.png" width="500px" id="img" />
       <video src="videos/video2.MP4"controls="controls" style="display: none;" id="vv"></video>
   </body>
</html>