首页 > 软件开发 > HTML >

快速学会HTML5语言-36-HTML5-多媒体(实例)

来源:互联网 2023-03-16 19:11:54 306

快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    在HTML4中嵌入"视频",需要引入一大段代码,还要兼容各个游览器。j7L办公区 - 实用经验教程分享!

    如下图片j7L办公区 - 实用经验教程分享!

    快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

  • 1该信息非法爬取自百度经验
  • 2

    HTML5新增多媒体标记video>,只需要引入video标记即可。j7L办公区 - 实用经验教程分享!

    video标记定义视频、电影片段或其他视频流。j7L办公区 - 实用经验教程分享!

    快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

  • 3

    在HTML4中嵌入"音频",需要引入一大段代码,还要兼容各个游览器。j7L办公区 - 实用经验教程分享!

    如下图片j7L办公区 - 实用经验教程分享!

    快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

  • 4

    HTML5新增多媒体标记audio>,只需要引入audio标记即可。j7L办公区 - 实用经验教程分享!

    audio标记定义音频、音乐段或其他音频流。j7L办公区 - 实用经验教程分享!

    快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

  • 5

    在HTML4中插入各种多媒体文件,代码如下。j7L办公区 - 实用经验教程分享!

    快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

  • 6

    在HTML5中新增embed标记插入各种多媒体文件,格式可以是Midi、Wav、AIFF、AU、MP3等j7L办公区 - 实用经验教程分享!

    快速学会HTML5语言-36-HTML5-多媒体(实例)j7L办公区 - 实用经验教程分享!

  • 注意事项

    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。
    • 输入完代码,一定要保存文件再打开游览器才有效果。保存快捷键(Ctrl S)
    • gif动态图将重复播放。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!j7L办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码