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. NPOI 添加下拉列表

    需求 给指定列添加下拉列表.如下图: 思路 NPOI的文档网站不能访问了,这里参考的POI文档. 加下拉列表有两种方式,一种直接写字符串,例如 new String[]{"10", ...

  2. cxf + spring + maven 开发webservice

    1.maven 配置 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://ww ...

  3. Maven学习----Dependency scope

    首先官网API 2.09版本之后,有6中scope. Dependency scope 用来限制依赖的作用范围,同时也作用于各种编译路径类路径,下面详细说明这六种路径: compile这是默认范围,C ...

  4. Android使用JUnit进行单元测试

    前言:为什么要进行单元测试?单元测试能快速是开发者,找到代码中的问题所在,因为是单元测试,所以代码只执行响应的测试单元,执行快解决问题的效率高,同时提高代码的质量. Android中的单元测试可简单分 ...

  5. linux卸载一个源码包安装的软件的流程

    完全卸载memcached的方法(CentOS) 我的大内存vps(centos系统)曾经安装过memcached,想给论坛提速,实际上不但没有明显效果,反倒耗费内存,看着碍眼,于是想卸载,于是网上各 ...

  6. python 可变参数函数定义* args和**kwargs的用法

    python函数可变参数 (Variable Argument) 的方法:使用*args和**kwargs语法.其中,*args是可变的positional arguments列表,**kwargs是 ...

  7. commons-dbutils:1.6 ——java.sql.SQLException: 不支持的特性

    描述:使用jdbc创建连接后,使用commons-dbutils-1.6 数据库工具类,查询报错如下:java.sql.SQLException: 不支持的特性 Query: 经过测试跟踪在commo ...

  8. winphone 中的指针和手势事件

    注意  有关这些主题的最新概述,请参阅指针事件和手势事件主题. 小心  W3C 指针事件规范自从在 Internet Explorer 10 中实施以来,已经经历了多次修订.此外,截止到 Intern ...

  9. 【python】-- paramiko、跳板机（堡垒机）

    paramiko Python的paramiko模块,该模块用于连接远程服务器并执行相关命令,常用于作批量管理使用 一.下载: pip3 install paramiko 源码:查看 二.parami ...

  10. Java语言实现简单FTP软件------>上传下载管理模块的实现(十一)

    1.上传本地文件或文件夹到远程FTP服务器端的功能. 当用户在本地文件列表中选择想要上传的文件后,点击上传按钮,将本机上指定的文件上传到FTP服务器当前展现的目录,下图为上传子模块流程图 选择好要上传 ...