多媒体标签

1.使用 video 标签

video标签的属性: 
src: 告诉video标签需要播放的视频地址 
autoplay: 告诉video标签是否需要自动播放视频
controls: 告诉video标签是否需要显示控制条 
poster: 告诉video标签视频没有播放之前显示的占位图片 
loop:告诉video标签循环播放视频. 一般用于做广告视频 
preload: 告诉video标签预加载视频,但是需要注意preload和autoplay相冲,
如果设置了autoplay属性, 那么pre.load属性就会失效
 muted:告诉video标签视频静音 width/height: 和img标签中的一模一样

问题
您必须把视频转换为很多不同的格式。
<video> 元素在老式浏览器中无效。
<video> 元素无法通过 HTML 4 和 XHTML 验证。

2、使用embed标签

    属性:
src:文件路径
flashvars:在HTML网页中向swf传递参数
autostart:音频或视频文件是否在下载完之后就自动播放。true:自动播放
loop:音频或视频文件是否循环及循环次数。当属性值为正整数值时,音频或视频文件
的循环次数与正整数值相同;属性值为true时,音频或视频文件循环;
hidden:规定控制面板是否显示,默认值为false,当为true时显示。
starttime:starttime=mm:ss(分:秒),规定音频或视频文件从指定时间开始播放。
        volume:volume=0-100之间的整数,规定音频或视频文件的音量大小。
未定义则使用系统本身的设定。
height、width正整数或百分数,单位为像素。该属性规定控制面板的高度和宽度。
name对象名称
title:提示名字
controls:控制外观,可取值:
console:一般正常面板;
                smallconsole:较小的面板;
playbutton:只显示播放按钮;
pausebutton:只显示暂停按钮;
stopbutton:只显示停止按钮;
volumelever:只显示音量调节按钮。
align:规定控制面板和当前行中的对象的对齐方式。
center:控制面板居中;
left:控制面板居左;
right:控制面板居右;
top:控制面板的顶部与当前行中的最高对象的顶部对齐;
bottom:控制面板的底部与当前行中的对象的基线对齐;
baseline:控制面板的底部与文本的基线对齐;
texttop:控制面板的顶部与当前行中的最高的文字顶部对齐;
middle:控制面板的中间与当前行的基线对齐;
absmiddle:控制面板的中间与当前文本或对象的中间对齐;
absbottom:控制面板的底部与文字的底部对齐。
palette指定前景色和背景色,palette=color(前景色)|color(背景色)。
allowscriptaccess允许脚本访问
allownetworkaccess:允许网络访问
allowfullscreen:允许全屏
type:插件类型
quality:音频或者视屏的质量
pluginspage:设置flash 插件的位置,因而如果浏览器如果没有安装的话,可以自动下载安装

3、object 标签 -- 定义网页中嵌入除图片外的多媒体
属性: 

Common:一般属性  
archive:包含多个使用逗号(,)分割的Java类或外部资源,用 于增强applet的功能,定义applet代码 
border:边框  
classid:关联一个应用程序,执行嵌入内容的应用程序在 windows系统中的唯一id (不能改变此id,否则程序将出现异常), 例如:clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 -- Flash  
codebase:为 相对路径提供基URL,IE浏览器通常将此属性中的内容定义为运行嵌入内容所要加载的插件,
        例如: http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0 -- Flash
codetype:嵌入内容的MIME 类型,
                 例如:1、application/java -- Java     2、application/x-shockwave-flash -- Flash  
declare:声明没有实例化的嵌入内容,此内容通常在加载后可 以使用,
                  或者当嵌入内容的某些参数将使用其它嵌入内容时  
data:嵌入内容的URL,可以是根据codebase属性的 相对路径 
height:嵌入内容的高度,单位像素  
hspace:嵌入内容水平方向的空白,应使用CSS  margin代替 
standby:文档加载时显示的文本信息 
tabindex:使用"Tab"键的遍历顺序 
usemap:定义图像点击区域  
viewastext: 阻止一些可视化工具,例如Microsoft FrontPage 或者
            Visual InterDev在设计页面时运行object内的组件  
vspace:嵌入内容垂直方向的空白,应使用CSS  margin代替 
width: 嵌入内容的宽度,单位像素   

4、最好的HTML解决方法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>




  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值