HTML媒体

1、HTML多媒体

　　视频格式

　　.avi    微软开发

　　.wmv  微软开发

　　.mpg  .mpeg

　　.mov 苹果公司开发

　　.rm  .ram  允许低带宽的视频流

　　.swf  .flv   Macromedia开发，需要额外组件

　　.mp4   针对因特网的新格式

　　

　　声音格式

　　.mid   .midi

　　.rm    .ram

　　.wav

　　.wma

　　.mp3    .mpga

2 、HTML Object元素

　　辅助应用程序是可有浏览器启动的程序，也称为插件。可用于播放音频和视频。使用<object>标签来加载。

3、HTML音频

　　<embed>

　　<object>

　　<audio>

4、HTML视频

　　HTML视频播放问题：浏览器种类多，硬件设备多。

　　使用<embed>标签  <embed src="movie.swf" height="200" width=“200” />

　　　　存在问题：HTML4无法识别<embed>

　　　　　　　　　 浏览器和设备需要支持flash

　　使用<object>标签  <object data="movie.swf" height="200" width="200"/>

　　　　 存在问题:浏览器和设备需要支持flash

　　使用<video>标签

　　　　vedio width height controls

　　　　source src  type="vedio/mp4

　　　　 存在问题：vedio必须把视频转换为很多格式

　　　　　　　　　<video>元素在老式浏览器中无效

　　　　　　　　　<vedio>元素无法通过HTML4和XHTML验证

　　***最有效的解决办法

　　　　HTML5+<object>+<embed>

　　　　<video width="320" height="240" controls="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>

　　　　问题：<vedio>和<embed>元素无法通过HTML5和XHTML验证

解决：使用<!DOCTYPE html>解决验证问题

　　　　

HTML5学习记录——3的更多相关文章

  1. HTML5 学习记录——0

    2015/08/19 HTML5的标签功能划分:基础.格式.表单.框架.图像.音视频.链接.列表.表格.样式.元信息.编程 1.HTML基础标题 <h1> - <h6>段落 & ...

  2. HTML5学习记录1-新特性

    新特性 HTML5 中的一些有趣的新特性: 1. 用于绘画的 canvas 元素 2. 用于媒介回放的 video 和 audio 元素 3. 对本地离线存储的更好的支持 4. 新的特殊内容元素,比如 ...

  3. HTML5 学习记录——2

    20150826 1.声明文档类型 <!DOCTYPE>  声明HTML是用什么版本写的. 常用声明; 2.HYML头部元素   <head> <title> 定义 ...

  4. HTML5与CSS3权威指南之CSS3学习记录

    title: HTML5与CSS3权威指南之CSS3学习记录 toc: true date: 2018-10-14 00:06:09 学习资料--<HTML5与CSS3权威指南>(第3版) ...

  5. Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客

    ==他的博客应该不错,没有细看 Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客 http://blog.csdn.net/u012706811/article/det ...

  6. HTML5学习(一)

    HTML5学习 HTML5的基本结构 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content ...

  7. JavaScript学习记录四

    title: JavaScript学习记录四 toc: true date: 2018-09-16 20:31:22 --<JavaScript高级程序设计(第2版)>学习笔记 要多查阅M ...

  8. HTML与CSS学习记录

    title: HTML与CSS学习记录 toc: true date: 2018-09-10 14:04:59 <HTML与CSS进阶教程读书笔记> HTML基础知识 HTML与XHTML ...

  9. 前端学习记录 week 1

    前端学习记录 week 1 基础知识 CSS盒模型 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用.CSS盒模型本质上是一个盒子,封 ...

随机推荐

  1. linux下apache+php搭建配置记录

    第1章  环境说明1.1 系统说明Centos 6.2 (最小化安装)1.2 软件说明httpd-2.4.2.tar.gzapr-util-1.4.1.tar.gzapr-1.4.6.tar.gzpc ...

  2. cocos2dx 3.0rc怎样创建项目

    转自官网的文档. How to Run cpp-tests on win32 In this article, I will show you how to run cpp-tests on your ...

  3. eclipse配置python插件

    eclipse配置python主要可以分为以下几个步骤完成: 1. 安装python,python主要有两个版本,python2和python3,这里安装的是python2.7.主要考虑python使 ...

  4. postman 测试API - 获取/调用 token

    1.使用全局变量保存token 2.再调用 参考文章 http://www.jianshu.com/p/13c8017bb5c8 https://testerhome.com/topics/6555

  5. Hadoop编码解码【压缩解压缩】机制具体解释（1）

    想想一下,当你须要处理500TB的数据的时候,你最先要做的是存储下来. 你是选择源文件存储呢?还是处理压缩再存储?非常显然,压缩编码处理是必须的.一段刚刚捕获的60分钟原始视屏可能达到2G,经过压缩处 ...

  6. xcode ERROR ITMS

    1.ERROR ITMS-90046 /90085: "Invalid Code Signing Entitlements. Your application bundle's signat ...

  7. ios8 一些运行问题

     iOS10相册相机闪退bughttp://www.jianshu.com/p/5085430b029fiOS 10 因苹果健康导致闪退 crashhttp://www.jianshu.com/p/5 ...

  8. 记录-移动端网页触摸内容滑动js插件

    需求: 在webapp中需要左右滑动手机,移动主页的轮播图.也可用在引导页(欢迎页)的大图左右滑动 可用: 百度:swiper插件 在项目中导入插件,这里只有部分代码,具体百度swiper <l ...

  9. iOS Base64加密

    1.Base64编码说明 Base64编码要求把3个8位字节(3*8=24)转化为4个6位的字节(4*6=24),之后在6位的前面补两个0,形成8位一个字节的形式. 如果剩下的字符不足3个字节,则用0 ...

  10. Django 之Ajax&Json&CORS&同源策略&Jsonp用法

    什么是Json 定义: JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式.它基于 ECMAScript (w3c制定的js规范)的一个子集 ...