HTML媒体

君子以阅川

已于 2023-02-18 10:27:29 修改

阅读量73

点赞数

分类专栏： HTML 文章标签： html html5 javascript

于 2021-09-11 20:19:15 首次发布

本文链接：https://blog.csdn.net/m0_56104219/article/details/120242263

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

声音格式
WAVE 是因特网上最受欢迎的无压缩声音格式，所有流行的浏览器都支持它。如果您需要未经压缩的声音（音乐或演讲），那么您应该使用 WAVE 格式。
MP3 是最新的压缩录制音乐格式。MP3 这个术语已经成为数字音乐的代名词。如果您的网址从事录制音乐，那么 MP3 是一个选项。
视频格式
推荐使用MP4

<object>元素所有浏览器都支持，元素定义HTML定义文档的嵌入式对象，它将插件(例如 Java applet,PDF阅读器和Flash播放器)嵌入网页中，但也可以用于将HTML文件嵌入到HTML中

<object width="100%" height="500px" data="snippet.html"></object>

也可以将图片嵌入当中

<object data='text.jpg'></obect>

<embed>元素也支持所有浏览器，也可以定义HTML嵌入式对象
Web 浏览器长期以来一直支持 <embed> 元素。但是，它不属于 HTML5 之前的 HTML 规范的一部分。

<embed src="text.jpeg">

但是其没有结束标签，不能进行文本对嵌入的对象进行描述
其也可以对HTML进行嵌入

<embed width="100%" height="500px" src="snippet.html">

插件（Plug-in）是扩展浏览器标准功能的计算机程序。
插件被设计用于许多不同的目的：

运行 Java 小程序
运行 ActiveX 控件
显示 Flash 电影
显示地图
扫描病毒
验证银行账号
等操作

在浏览器中播放音乐的方法可以使用 object或embed标签来嵌入插件到HTML文档中，

<embed height="100" width="100" src="song.mp3" />

但是浏览器如果想播放音乐要加载对应的插件才可以
向浏览器加入音频的最简单的方法是利用雅虎的播放器
雅虎播放器是免费对外开放的
只需要在HTML底部的JavaScript加入如下代码即可

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

然后就可以加入a标签将自己本地的文件链接到HTML文件中

<a href="song.mp3">Play Sound</a>

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

类似如上代码即可

视频的嵌入
也可以使用《object》和《embed》标签
但是很多浏览器不支持
最好的 HTML 解决方法
HTML 5 + <object> + <embed>
<video> 是 HTML 5 中的新标签。
<video> 标签的作用是在 HTML 页面中嵌入视频元素。
以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频：

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240" controls="controls" autoplay="autoplay">
  <source src="/i/movie.ogg" type="video/ogg" />
  <source src="/i/movie.mp4" type="video/mp4" />
  <source src="/i/movie.webm" type="video/webm" />
</video>

</body>
</html>