zoukankan      html  css  js  c++  java
  • video,audio用法小例子

    用此小程序设计播放/暂停,放大缩小

    <!DOCTYPE html>

    <html>

    <body>

    <div style="text-align:center">

      <button onclick="playPause()">播放/暂停</button>

      <button onclick="makeBig()">放大</button>

      <button onclick="makeSmall()">缩小</button>

      <button onclick="makeNormal()">普通</button>

      <br>

      <video id="video1" width="420">

        <source src="mov_bbb.mp4" type="video/mp4">

        <source src="mov_bbb.ogg" type="video/ogg">

        您的浏览器不支持 HTML5 video 标签。

      </video>

    </div>

    <script>

    var myVideo=document.getElementById("video1");

    function playPause()

    {

    if (myVideo.paused)

      myVideo.play();

    else

      myVideo.pause();

    }

    function makeBig()

    {

    myVideo.width=560;

    }

    function makeSmall()

    {

    myVideo.width=320;

    }

    function makeNormal()

    {

    myVideo.width=420;

    }

    </script>

    </body>

    </html>

    <audio controls>
      <source src="horse.ogg" type="audio/ogg">
      <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 audio 元素。
    </audio>

  • 相关阅读:
    安全预警-防范新型勒索软件“BlackRouter”
    线程入门
    线程状态
    支付开发总结
    springboot处理date参数
    函数接口
    Excel通用类工具(一)
    Excel通用类工具(二)
    spring bean生命周期
    springboot整合netty(二)
  • 原文地址:https://www.cnblogs.com/this-xiaoming/p/5538390.html
Copyright © 2011-2022 走看看