第13课：HTML音频/视频

江山如画 • 2018年1月18日下午8:25 • 网页制作 • 阅读 2777

HTML 视频

<embed> 标签 下面的 HTML 代码显示嵌入网页的 Flash 视频：

<embed src=swf/"movie.swf" height="200" width="200"/>

<object> 标签 <object> 标签的作用是在 HTML 页面中嵌入多媒体元素。
下面的 HTML 代码显示嵌入网页的 Flash 视频：

<object data=swf/"movie.swf" height="200" width="200"/>

使用 HTML5 <video> 标签 <video> 是 HTML 5 中的新标签。
<video> 标签的作用是在 HTML 页面中嵌入视频元素。
以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频：

<video width="320" height="240" controls="controls">
<source src=other/"movie.mp4" type="video/mp4" />
<source src=other/"movie.ogg" type="video/ogg" />
<source src=other/"movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>

问题： 1)您必须把视频转换为很多不同的格式。2)<video> 元素在老式浏览器中无效。3)<video> 元素无法通过 HTML 4 和 XHTML 验证。最好的 HTML 解决方法 HTML 5 + <object> + <embed>

<video width="320" height="240" controls="controls">
<source src=other/"movie.mp4" type="video/mp4" />
<source src=other/"movie.ogg" type="video/ogg" />
<source src=other/"movie.webm" type="video/webm" />
<object data=other/"movie.mp4" width="320" height="240">
<embed src=swf/"movie.swf" width="320" height="240" />
</object>
</video>

上例中使用了 4 中不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败，则回退到 <embed> 元素。优酷解决方案在 HTML 中显示视频的最简单的方法是使用优酷等视频网站。
如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入优酷等视频网站提供的分享代码，如 HTML 代码即可播放视频：

<embed src=swf/v.swf" width="480" height="400" type="application/x-shockwave-flash">
</embed>

125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/455.html

第13课：HTML音频/视频

HTML 视频

99%的人还看了以下文章

“注册”按钮(图片)怎么跳转到注册页面？

HTML5画布(Canvas)速查表

哪些浏览器支持HTML5？

5种 CSS 实现DIV中内容垂直居中的方法

第7课：HTML标签的属性

第4课：字体

发表回复