HTML多媒体

作者: RachelCT | 来源:发表于2018-08-25 23:55 被阅读64次

今天学习了HTML传统的多媒体标签<embed></embed>和<object></object>标签。HTML多媒体主要包含视频、音频、动画等,在HTML中要插入这些多媒体文件并使其能够播放,就需要专门的标签来定义。在H5之前多使用上面两种标签,而H5后又有了audio视频播放标签和video音频播放标签,之后会进行学习。
首先总结一下embed标签的相关属性和使用方法。使用embed标签可以实现播放音频和视频,播放音频示例如下:

<embed src="abc.swf" width="200px" height="200px" autostart="true" loop="true">
</embed>

由于这个abc.swf是个假文件,所以没有运行效果(网不好,素材没来得及下载,我要完成日更啊emmm)由上可以看到src属性指定要播放的文件的地址,autostart为true时自动播放,loop为true时循环播放。播放视频时的示例如下:

 <embed src="abc.swf" width="200px" height="200px" autostart="true" loop="true" quality="high" PLUGINSPAGE="下载插件的地址">   
 </embed>

其中 quality指定视频播放质量,PLUGINSPAGE是当检测到浏览器没有相关播放插件时,会提醒你是否下载允许运行插件,就自动给出这个插件下载的地址。
下面总结一下object标签。

    <object  classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" height="200" width="200">
    <param name="movie" value="abc.swf">
    <param name="quality" value="high">
    </object>

其中,classid 是ActiveX控件的ID;其余属性与embed类似,只是把不同属性单独放到了param标签中。
不同的浏览器可能对embed和object支持效果不同,例如Google浏览器不支持object,但支持embed。为了兼容不同的浏览器,通常将两种标签结合使用,将embed标签嵌入object标签使用以达到兼容效果。

幸福就在眼前啊

相关文章

  • HTML简介 3

    图片和多媒体 HTML 支持各种多媒体资源,例如图像,音频和视频。 内嵌内容 除了常规的多媒体内容,HTML 可以...

  • 「DOM 编程」多媒体(视频与音频)

    多媒体基本用法多媒体支持类型多媒体格式兼容HTML 属性控制多媒体多媒体相关事件Web Audio API 多媒体...

  • HTML多媒体

    今天学习了HTML传统的多媒体标签 和 标签。HTML多媒体主要包含视频、音频、动画等,在HTML中要插入这些...

  • HTML媒体

    HTML多媒体 Web 上的多媒体指的是音效、音乐、视频和动画。 什么是多媒体? 多媒体来自多种不同的格式。它可以...

  • HTML学习笔记2

    HTML 多媒体 Web 上的多媒体指的是音效、音乐、视频和动画 多媒体格式 格式 多媒体元素(比如视频和音频)存...

  • H5视频&音频

    视/音频的发展 标签的作用是在HTML页面中嵌入多媒体元素 标签的作用是在HTML页面中嵌入多媒体元素 问题:...

  • HTML:多媒体标签

    video标签 • 作用: 播放视频• 格式1: • video标签的属性○ src: 告诉video标签需要播...

  • HTML多媒体标签

    video标签 格式1: 作用: 播放视频 属性: src: 告诉video标签需要播放的视频地址 autopla...

  • HTML 5 多媒体

    HTML 5 多媒体 在HTML4.01时候想插入音频,视频,必须借助flash, 1. 视频音频了解 1.1. ...

  • PHP从入门得到精通,008第二章HTML-HTML的核心标记之

    二、HTML的核心标记 (八)、多媒体标记 语法: 常用的属性:src:多媒体的路径...

网友评论

    本文标题:HTML多媒体

    本文链接:https://www.haomeiwen.com/subject/eerniftx.html