您的位置：首页 > Web前端 > HTML5

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

2017-11-29 09:46 197 查看

<!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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航