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. 对LCD接口的认识

    LCD接口类型: 1.首先我们以传递的信号类型来区分主要有两大类:- 模拟信号: - VGA: Video Graphics Array- 数字信号 - TTL: Transistor Transis ...

  2. 【PHP】富文本HTML过滤器：HTMLPurifier使用教程（防止XSS）

    在编程开发时安全问题是及其重要的,对于用户提交的数据要进行过滤,XSS就是需要重视的一点,先说一下什么是XSS,简单来说就是用户提交数据(例如发 表评论,发表日志)时往Web页面里插入恶意javasc ...

  3. PHP 学习内容

    第一阶段: (PHP+MySQL核心编程) 面向对象编程 MySQL数据库, MySQL的优化细节. HTTP协议,http也是我们web开发的基石.对我们了解PHP底层机制有很大帮助,做到知其然,还 ...

  4. Linux nginx部署laravel

    Composer Composer 是 php 的一个依赖管理工具.它允许你申明项目所依赖的代码库,它会在你的项目中为你安装他们.运行 Composer 需要 PHP 5.3.2+ 以上版本.一些敏感 ...

  5. 九度OJ 1250：矩阵变换 （矩阵运算）

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:95 解决:47 题目描述: 对于一个整数矩阵,存在一种运算,对矩阵中任意元素加一时,需要其相邻(上下左右)某一个元素也加一, 现给出一正数矩 ...

  6. word2vec_basic.py

    ssh://sci@192.168.67.128:22/usr/bin/python3 -u /home/win_pymine_clean/feature_wifi/word2vec_basic.py ...

  7. centos6下nginx配置php可用

    先查看下所有服务的状态,看看php-fpm有没有正在运行 [root@centos64 html]# service --status-all php-fpm (pid  3568) 正在运行... ...

  8. Java语言实现简单FTP软件------>远程文件管理模块的实现(十)

    首先看一下界面: 1.远程FTP服务器端的文件列表的显示 将远程的当前目录下所有文件显示出来,并显示文件的属性包括文件名.大小.日期.通过javax.swing.JTable()来显示具体的数据.更改 ...

  9. Cordova 教程 学习步骤-从零基础开始

    Cordova的技术交流新群

  10. 打开或者 关闭 php 的错误报告

    一般线上的环境,我会 php的报错信息屏蔽掉,php.ini 设置的办法 如下: display_errors = Off error_reporting = E_ALL 在代码中,可以这样~~: e ...