zoukankan      html  css  js  c++  java
  • html5的视频和音频使用

    <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div { color: rgb(28, 203, 206); font-size: 12px; line-height: 1.5; } </style> </head> <body> <h1> helloword </h1> <div> <div> hahha </div> </div> <textare name="text" id="text" clos="30" rows="10">
    </textare>
    <!--谷歌浏览器禁止使用了autoplay
        属性                值                  描述
        autoplay        autoplay        如果出现了该属性,则音频就绪后马上播放
        controls        controls        如果出现了该属性,则向用户显示控件,比如播放按钮
        loop            loop            如果出现了该属性,则音频结束时播放
        src             url             要播放音频的Url
        muted           muted           静音播放
    -->
    <!-- <audio src="G:office_visaoffice_visio阿悠悠-念旧.mp3" controls="controls" autoplay="autoplay" loop="loop"></audio> -->
    <!--声音播放器的适配,可以用格式工厂转换格式-->
    <audio controls="controls" loop="loop">
        <source src="G:office_visaoffice_visio阿悠悠-念旧.mp3" type="audio/mpeg">
        <source src="G:office_visaoffice_visio阿悠悠-念旧.ogg" type="audio/ogg">
        你的播放器太low了,不支持audio播放
    </audio>
    
    <!--
        谷歌浏览器禁止使用autoplay,可以用muted静音播放
        属性                值                          描述
        autoplay           autoplay                   如果出现了该属性,音频就绪后自动播放
        controls           controls                   如果出现了该属性,向用户显示播放控件
        width              pixels(像素)               设置播放器的宽度   
        height             pixels(像素)               设置播放器的高度
        loop               loop                       如果出现了该属性,则音频结束时候轮循播放
        preload            auto(预先加载)              规定是否加载完再播放(如果有了autoplay就忽略该属性)
                           none(不应加载视频)
        src                url                        视频的url地址
        poster             Imgurl                     加载等待的画面图片
        muted              muted                           静音播放 
    -->
    <!-- <audio src="G:office_visaoffice_visio阿悠悠-念旧.mp4" controls="controls" loop="loop"></audio> -->
    
    <!--
        vedio支持的格式
        格式                IE          Firefox         OPera       Chrome      Safari
        Ogg                 No          3.5+            10.5+       5.0+        No
        MPEG4               9.0+        No              No          5.0+        3.0+
        WebM                No          4.0+            10.6+       6.0+        No
    -->
    <!--视频播放器的适配-->
    <video controls="controls" loop="loop" width="300px" poster="C:UsersAdministratorPicturesSaved Pictures1.png">
        <source src="G:office_visaoffice_visio阿悠悠-念旧.mp4" type="audio/mpeg">
        <source src="G:office_visaoffice_visio阿悠悠-念旧.ogg" type="audio/ogg"> 你的播放器太low了,不支持vedio播放
    </video>
    
    </body>
  • 相关阅读:
    并发编程bug的源头
    lambda表达式
    如何学习并发编程
    开篇词
    试述软件的概念和特点?软件复用的含义?构件包括哪些?
    软件生存周期及其模型是什么?
    一台客户端有三百个客户与三百个客户端有三百个客户对服务器施压,有什么区别?
    在搜索引擎中输入汉字就可以解析到对应的域名,请问如何用LoadRunner进行测试。
    给你一个网站,你如何测试?
    你在测试中发现了一个bug,但是开发经理认为这不是一个bug,你应该怎样解决?
  • 原文地址:https://www.cnblogs.com/zhushilai/p/14569607.html
Copyright © 2011-2022 走看看