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>

  • 相关阅读:
    呵呵
    geoserver中WMS服务详细说明
    Linux的用户和用户组管理
    linux ftp配置
    linux下vi命令大全
    linux基本命令大全
    Python ConfigParser
    java 小程序分析:参数传递
    java final
    java静态初始化块(静态域)
  • 原文地址:https://www.cnblogs.com/this-xiaoming/p/5538390.html
Copyright © 2011-2022 走看看