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下文件的堵塞与非堵塞对部分系统调用的影响

    1.基本概念 所谓的堵塞,即内核在对文件操作I/O系统调用时.假设条件不满足(可能须要产生I/O),则内核会将该进程挂起.非堵塞则是发现条件不满足就会马上返回. 此外须要注意的是非堵塞并非轮询.不然就 ...

  2. laravel学习之路1：认证相关

    Laravel中Auth::guard()表示什么意思? Auth::check() 是判断用户是否登录的方法,如果使用的默认用户系统,那这样使用没问题. 但是使用两组用户的话,如何使用各组用户的功能 ...

  3. （转）linux设备驱动之USB数据传输分析 一

    三:传输过程的实现说到传输过程,我们必须要从URB开始说起,这个结构的就好比是网络子系统中的skb,好比是I/O中的bio.USB系统的信息传输就是打成URB结构,然后再过行传送的.URB的全称叫US ...

  4. 首页底部菜单FragmentTabHost的使用

    一般现在的菜单都是底部FragmentTabHost,切换Fragment来实现的,今天我们就使用这个来看看如何实现的 首先是布局文件 <?xml version="1.0" ...

  5. Fiddler 抓取 ios 端数据包

    前提条件: 1. Fiddler 工具安装完成,并授权成功,可以完成网页的http 协议拦截. 2. iphone X 一部 ☺ 3. 360wifi 一个[同一局域网内,任何wifi都可以设置,其他 ...

  6. Gaby Ivanushka(快排)

    Gaby Ivanushka Once upon a time there lived a tsar that has a daughter — Beautiful Vasilisa. There w ...

  7. hive深入使用

    Hive表的创建和数据类型 https://cwiki.apache.org/confluence/display/Hive/Home 管理表和外部的区别 # 管理表 1. 内部表也称之为MANAGE ...

  8. nginx日志自动切分

    #!/bin/bash NGINX_LOG_PATH=/data/nginx-/logs # 昨天 YESTERDAY=$(date -d "yesterday" +%Y-%m-% ...

  9. xpath中如何使用变量

    xpath (python)xpath中如何使用变量描述: 在xpath中该如何使用变量,想选择id是某个值的元素,这个值是个变量. response.xpath('//div[@id=val]'). ...

  10. mysql查询当天，本周，本月，上一个月的数据（转）

    今天 select * from 表名 where to_days(时间字段名) = to_days(now()); 昨天 SELECT * FROM 表名 WHERE TO_DAYS( NOW( ) ...