zoukankan      html  css  js  c++  java
  • H5新增多媒体标签

    HTML5新增了两个与媒体相关的标签,让开发人员不必依赖任何插件就能在网页中嵌入跨浏览器的音频和视频内容,这两个标签是<audio>和<video>。

    <video>

    属性:

    autoplay            自动播放
    controls            显示控件
    height            播放器高度
    width             播放器宽度
    loop                循环播放
    preload             视频在页面加载时进行加载,并预备播放(若使用autoplay,则忽略该属性)
    preload="none"     //当页面加载后不载入视频
    preload="auto"     //当页面加载后载入整个视频
    preload="meta"     //当页面加载后只载入元数据
    src                 要播放的视频的URL
    poster            规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像 

    <video id="test" src="movie.mp4" width="280" height="200" autoplay="autoplay"></video>
    ----------------------------------------------------------------------------------------------

    <audio>
    属性:

    autoplay         自动播放
    controls         显示控件
    loop             循环播放
    preload          音频在页面加载时进行加载,并预备播放(若使用autoplay,则忽略该属性)
    src              要播放的音频的URL
    <audio controls autoplay loop src="song.mp3"></audio>
    
    
  • 相关阅读:
    死锁
    不能复制文件到服务器
    JWT
    身份验证
    依赖注入
    ml.net
    swift 枚举、结构、类
    nginx 负载均衡
    sql 时间函数大全
    更新SVN时提示要清理,但清理失败,乱码得解决方案
  • 原文地址:https://www.cnblogs.com/wangxiaomo/p/12470177.html
Copyright © 2011-2022 走看看