zoukankan      html  css  js  c++  java
  • 初探html5---Video + DOM(视频播放)

    1:HTML5 开发环境下  lang="en"

    2:

    <video width="320" height="240" controls="controls">     其中  controls="controls" controls 属性供添加播放、暂停和音量控件。

    <div style="text-align:center">
    <button onclick="bigen()">播放/暂停</button>
    <button onclick="big()">大</button>
    <button onclick="centre()">中</button>
    <button onclick="small()">小</button>
    </br>
    <video id="video1" width="420" style="margin-top;15px;" controls="controls">
    <source src="mp4/mov_bbb.mp4" type="video/mp4"/>
    <source scr="mp4/mov_bbb.mp4" type="video/ogg">
    </video>
    </div>
    <script type="text/javascript">
    var myone1=document.getElementById("video1");

    function bigen()
    {
    if(myone1.paused)
    myone1.play();
    else
    myone1.pause();
    }
    function big()
    {
    myone1.width=560;
    }
    function centre()
    {
    myone1.width=420;
    }
    function small()
    {
    myone1.width=320;
    }
    </script>

  • 相关阅读:
    基本样式
    表单基础知识
    边框内圆角
    灵活的背景定位
    多重边框
    半透明边框
    变量关系
    闭包2——闭包与变量
    闭包
    基本包装类型
  • 原文地址:https://www.cnblogs.com/roves/p/4522349.html
Copyright © 2011-2022 走看看