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>
    
    
  • 相关阅读:
    第三次冲刺
    [操作系统]实验四
    第二个冲刺5.0
    第二个冲刺
    学术诚信与职业道德--个人感想
    软件工程——sprint 1回顾总结
    [读书笔记]
    sprint5.0
    [操作系统]3.0
    学习进度条
  • 原文地址:https://www.cnblogs.com/wangxiaomo/p/12470177.html
Copyright © 2011-2022 走看看