多媒体标签

问题及解决方法在 HTML 中播放视频是件不容易的事情!需要谙熟大量技巧,以确保视频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。在本章,为您总结了问题和解决方法。使用 <embed> 标签<embed> 标签的作用是在 HTML 页面中嵌入多媒体元素。 下面的 HTML 代码显示嵌入网页的 Flash 视频:<!DOCTYPE html><html><head><meta charset="utf-8"><title>HTML 视频(Video)-xinbiancheng.cn</title></head><body><h2>Playing the Object</h2><embed src="intro.swf" width="200" height="200"><p>如果你无法看到该视频,那么可能你的电脑不支持该文件格式。</p></body></html>尝试一下问题:HTML4 无法识别 <embed> 标签。您的页面无法通过验证。如果浏览器不支持 Flash,那么视频将无法播放 iPad 和 iPhone 不能显示 Flash 视频。如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。使用 <object> 标签<object> 标签的作用是在 HTML 页面中嵌入多媒体元素。 下面的 HTML 片段显示嵌入网页的一段 Flash 视频:<!DOCTYPE html><html><head><meta charset="utf-8"><title>HTML 视频(Video)-xinbiancheng.cn</title></head><body><object height="200" width="200" data="intro.swf"></object></body></html>尝试一下问题:如果浏览器不支持 Flash,将无法播放视频。iPad 和 iPhone 不能显示 Flash 视频。如果您将视频转换为其他格式,那么它仍然不能在所有浏览器中播放。使用 HTML5<video> 元素HTML5 <video> 标签定义了一个视频或者影片. <video> 元素在所有现代浏览器中都支持。 以下 HTML 片段会显示一段嵌入网页的 ogg、mp4 或 webm 格式的视频:<!DOCTYPE html><html><head><meta charset="utf-8"><title>HTML 视频(Video)-xinbiancheng.cn</title></head><body><video width="320" height="240" controls autoplay>  <source src="../i/movie.mp4" type="video/mp4">  <source src="../i/movie.ogg" type="video/ogg">  <source src="../i/movie.webm" type="video/webm">  您的浏览器不支持 video 属性。</video></body></html>尝试一下问题:必须把视频转换为很多不同的格式。 <video> 元素在老式浏览器中无效。最好的 HTML 解决方法以下实例中使用了 4 种不同的视频格式。HTML 5 <video> 元素会尝试播放以 mp4、ogg 或 webm 格式中的一种来播放视频。如果均失败,则回退到 <embed> 元素。HTML 5 + <object> +<embed><video width="320" height="240" controls>  <source src="movie.mp4" type="video/mp4">  <source src="movie.ogg" type="video/ogg">  <source src="movie.webm" type="video/webm">  <object data="movie.mp4" width="320" height="240">    <embed src="movie.swf" width="320" height="240">  </object></video>HTML 多媒体标签H5 : HTML5新标签.标签描述<embed>定义内嵌对象。HTML4 中不赞成,HTML5 中允许。<object>定义内嵌对象。<param>定义对象的参数。<audio>   H5定义了声音内容<video>   H5定义一个视频或者影片<source>   H5定义了media元素的多媒体资源(<video> 和 <audio>)<track>   H5规定media元素的字幕文件或其他包含文本的文件 (<video> 和<audio>)HTML 音频HTML 简介 实例

(0)

相关推荐

  • 《FFmpeg Basics》中文版-24-网页视频

    写在前面 如果您对音视频技术感兴趣,可以订阅我的专题:音视频专辑 也可以关注我的简书账户:张芳涛,我后期会发布更多的音视频以及图像处理方面的文章. 正文 由于其无所不在,互联网是用ffmpeg创建或编 ...

  • 如何在HTML5网页中插入 Video(视频)

    在一个网页中植入视频是最常见的事情了,比如优酷.土豆等等视频网站,哪一个网页没有视频呢,至于如何制作的,还需要参加培训班来学习下了,下面就先随着小编一起来看看在HTML5网页中如何植入Video(视频 ...

  • 向HTML中插入视频并兼容所有浏览器的方法

    最常用的向HTML中插入视频的方法有两种,一种是古老的<object></object>标签,一种是html5中的<video></video>标签. ...

  • 微信的标签管理在哪里删掉

    微信的标签可以将好友们进行归类,那微信的标签管理在哪里删掉的呢,让我们一起来看看吧. 方法一: 1.打开微信app,在通讯录页面点击标签. 2.长按要删除的标签,点击删除即可. 3.或者点击要删除的标 ...

  • 别让低情商变成你的标签

    [别让低情商变成你的标签]情商高低,意味着你能不能做自己情绪的主人,很大程度上也决定了人生格局的大小.高情商的人,既让别人舒服,也不会委屈自己.学会控制情绪.坚持自己的立场.了解自己的状态.甩掉对过去 ...

  • 如何识别衣服的英文标签,建议收藏!

    clothing label 衣服标签 衣服标签: Clothing label / Garment label/Clothing tag 如下图 直接印在衣服上的标签叫Tagless label:无 ...

  • “高钙奶”真的更补钙?乳酸菌饮料就是酸奶?此文教你读懂标签

    无论您购买的是哪种食品,食品的包装上都会印有"食品标签",标签上的信息有很多,例如您最为关注的生产日期.保质期,再比如配料表.营养成分表.名称类别.生产者信息等内容.其实,包装袋背 ...

  • 「Adobe国际认证」考证的意义,是能力还是标签?

    最近有很多想要获取Adobe国际认证证书的学员在跟我沟通,Adobe国际认证值得考吗?Adobe国际认证证书行业认可吗?等诸如此类的问题.在此,就理性地跟大家讨论一下,Adobe国际认证有没有考的价值 ...

  • 多媒体课件在“细胞膜的结构和功能”一节的应用

    陈玉红 内容摘要: 本文列举了高二生物学教材"细胞膜的结构和功能"一节的教学中应用多媒体课件的实例,重点论述了多媒体课件的设计.应用与感受.说明在生物教学中,精心制作多媒体课件并合 ...

  • 多媒体摄录编设备在资源建设中应用技巧的研究

    多媒体摄录编设备在资源建设中应用技巧的研究 韩久明 一.资源库建设的背景与新课程对资源的要求 (一)现存资源库的状况 当前教育资源库数目繁多,但这些资源库网站均不同程度存在一些问题.主要是商业色彩较浓 ...

  • 【极养视界】视频:读懂食物营养标签,做自己的营养师

    中国临床营养网(lcyycc) 读懂营养标签,做自己的营养师 拍摄|Jiaqi Xu BS, RD 编审|Xinyin PHD, RD 编辑&剪辑|Jiaqi Xu & Wenyu D ...

  • 菜鸟记120-我的图表标签有多层分类

    注:本图由孩她妈赞助 关键词:EXCEL2016:图表:多层分类标签:操作难度*** 有这么一个工作表数据,需要分析各教研室人数分布情况 图 1:数据示意 常规的图表坐标轴是长这样的 图 2:常规图表 ...