zoukankan      html  css  js  c++  java
  • 在HTM中显示播放视频

    注意:video中source 源文件地址src替换成你的video路径
    <html>
        <button onclick="playPause();">播放/暂停</button>
        <button onclick="bigSize();">大</button>
        <button onclick="normalSize();">中</button>
        <button onclick="smallSize();">小</button>
        <video id="myVideo" width="400px";height="400px" autoplay="autoplay" controls="controls" loop="loop">
            <source src="video/movie.mp4" type="video/mp4">
        </video>
        <script>
            var myVideo=document.getElementById("myVideo");
            function playPause(){
                if(myVideo.paused){
                    myVideo.play();
                }else{
                    myVideo.pause();
                }
            }
            function bigSize(){
                myVideo.width=560;
            }
            function normalSize(){
                myVideo.width=420;
            }
            function smallSize(){
                myVideo.width=360;
            }
        </script>
    </html>

  • 相关阅读:
    仪仗队
    疫情控制
    Code
    距离咨询
    舒适的路线
    桐桐的糖果计划
    跑路
    最短路计数
    骑马修栅栏
    搭桥
  • 原文地址:https://www.cnblogs.com/ZxtIsCnblogs/p/7122128.html
Copyright © 2011-2022 走看看