video3

最新推荐文章于 2022-11-01 10:14:59 发布

weixin_33788244

最新推荐文章于 2022-11-01 10:14:59 发布

阅读量851

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wwthuanyu/p/10555461.html

版权

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .div2{
                width: 500px;
                height: 500px;
                background: #87CEEB;
            }
        </style>
    </head>
    <body>
        <video width="600" height="" src="img/shiping.mp4" poster="img/timg.jpg" controls="controls"></video>
         <button>播放</button>
         <button class="fullscreen">全屏</button>
         <img src="img/timg.jpg"/>
         <div class="div2">
             <h1>wxihuanni</h1>
         </div>
         <script type="text/javascript">
             var v1=document.querySelector('video')
             document.querySelector('button').onclick=function(){
                 v1.play()
             }
              document.querySelector('.fullscreen').onclick=function(){
                  v1.webkitRequestFullScreen()
              }
             document.querySelector('img').onclick=function(){
                 document.querySelector('img').webkitRequestFullScreen()
             }
             document.querySelector('.div2').onclick=function(){
                 document.querySelector('.div2').webkitRequestFullScreen()
             }
         </script>g
    </body>
</html>