• HTML5-autio、video视频音频


    完整版视屏web播放器:

    基本autio和ideo介绍

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <!--embed:可以直接插入音频视频,本质是通过本机安装的音频视频播放软件来播放的。要求必须已经安装了这些软件  兼容性-->
    
    <!--flash:  1.先学习flash,增加使用成本  2.iphone,ipd,不支持flash-->
    
    <!--audio:音频-->
    <!--
    src:播放文件的路径
    controls:音频播放器的控制器面板
    autoplay:自动播放
    loop:循环播放-->
    <!--<audio src="../mp3/aa.mp3" controls></audio>-->
    
    <!--video:视频-->
    <!--
    src:播放文件的路径
    controls:音频播放器的控制器面板
    autoplay:自动播放
    loop:循环播放
    poster:指定视频还没有完全下载完毕,或者用户没有点击播放前显示的封面。 默认显示当前视频文件的第一副图像
    视频的宽度
    height:视频的高度
    -->
    <!--注意事项:视频始终会保持原始的宽高比。意味着如果你同时设置宽高,并不是真正的将视频的画面大小设置为指定的大小,而只是将视频的占据区域设置为指定大小,除非你设置的宽高刚好就是原始的宽高比例。所以建议:在设置视频宽高的时候,一般只会设置宽度或者高度,让视频文件自动缩放-->
    <!--<video src="../mp3/mp4.mp4" poster="../images/l1.jpg" controls  height="600"></video>-->
    
    <!--source:因为不同的浏览器所支持的视频格式不一样,为了保证用户能够看到视频,我们可以提供多个视频文件让浏览器自动选择-->
    <!--<video src="../mp3/flv.flv" controls></video>-->
    <video controls>
        <!--视频源,可以有多个源-->
        <source src="../mp3/flv.flv" type="video/flv">
        <source src="../mp3/mp4.mp4" type="video/mp4">
    </video>
    </body>
    </html>
    

      

  • 相关阅读:
    cookie,sessionStorage,localStorage
    存储方式与传输方式
    为什么css放在顶部而js写在后面
    常见的web安全及防护原理
    web缓存
    http协议理解
    http与https
    get/post的区别
    JZOJ 3571. 【GDKOI2014】内存分配
    JZOJ 3570. 【GDKOI2014】壕壕的寒假作业
  • 原文地址:https://www.cnblogs.com/eadela/p/11322300.html
Copyright © 2020-2023  润新知