分享好友 行情首页 行情分类 切换频道
html video 视频首帧封面 ios 设置
2024-12-26 22:33  浏览:70


  自己的方法(支持mp4,ogg,mvk格式)

标签型:

引用内容

媒体播放器的外观界面

在网页中,你可以通过相关属性来控制媒体播放器的哪些部分出现,哪些部分不出现。
媒体播放器包括如下元素:
Video Display Panel:视频显示面板;
Video Border:视频边框;
Closed Captioning Display Panel;字幕显示面板;
Track Bar;搜索栏;
Control Bar with Audio and Position Controls:带有声音和位置控制的控制栏;
Go To Bar:转到栏;
Display Panel:显示面板;
Status Bar:状态栏;
下面的属性用来决定显示哪一个元素:
ShowControls 属性:是否显示控制栏(包括播放控件及可选的声音和位置控件);
ShowAudioControls 属性:是否在控制栏显示声音控件(静音按钮和音量滑块);
ShowPositionControls 属性:是否在控制栏显示位置控件(包括向后跳进、快退、快进、向前跳进、预

览播放列表中的每个剪辑);
ShowTracker 属性:是否显示搜索栏;
ShowDisplay 属性:是否显示显示面板(用来提供节目与剪辑的信息);
ShowCaptioning 属性:是否显示字幕显示面板;
ShowGotoBar 属性:是否显示转到栏;
ShowStatusBar 属性:是否显示状态栏;

播放列表

媒体播放器提供下面的方法来访问播放列表中的剪辑:
Next 方法,跳到节目(播放列表)中的下一个剪辑;
Previous 方法,跳回到节目中的上一个剪辑;
媒体播放器的一个特性是能够预览节目中的每一个剪辑,使用如下属性:
PreviewMode 属性,决定媒体播放器当前是否处于预览模式;
CanPreview 属性,决定媒体播放器能否处于预览模式;
在windows 媒体元文件中,可以为每一个剪辑指定预览时间——PREVIEWDURATION,如果没有指定,那么

默认的预览时间是10秒钟。
你也可以用Windows 媒体元文件来添加 watermarks 与 banners,元文件也支持插入广告时的无间隙流

切换。

节目信息

使用 GetMediaInfoString 方法可以返回相关剪辑或节目的如下信息:
文件名:File name
标题:Title
描述:Description
作者:Author
版权:Copyright
级别:Rating
URLs:logo icon、watermark、banner的地址
剪辑信息可以放在媒体文件中,也可以放在Windows 媒体元文件中,或者两者都放。如果在元文件中指

定了剪辑信息,那么用 GetMediaInfoString 方法返回的就是元文件中的信息,而不会返回剪辑中包含

的信息。
在元文件中,附加信息可以放置在每一个剪辑或节目的 PARAM标签中。你可以为每个剪辑添加任意多个

PARAM 标签,用来存储自定义的信息或链接到相关站点。在 PARAM 标签中的信息可以通过

GetMediaParameter 方法来访问。
下面的属性返回有关大小和时间的信息:
ImageSourceHeight、ImageSourceWidth:返回图像窗口的显示尺寸;
Duration 属性,返回剪辑的长度(秒), 要检测这个属性是否包含有效的数值,请检查IsDurationValid

属性。(对于广播的视频,其长度是不可预知的)。

字幕

你可以用 .smi 文件来为你的节目添加字幕。媒体播放器支持下面的属性来处理字幕:
SAMIFileName 属性,指定 .smi 文件的名字;
SAMILang 属性,指定字幕的语言(如果没有指定则使用第一种语言);
SAMIStyle 属性,指定字幕的文字大小和样式;
ShowCaptioning 属性,决定是否显示字幕显示面板;

脚本命令

伴随音频、视频流,你可以在流媒体文件中加入脚本命令。脚本命令是多媒体流中与特定时间同步的多

对Unicode串。第一个串标识待发命令的类型,第二个串指定要执行的命令。
当流播放到与脚本相关的时间时,控件会向网页发送一个 ScriptCommand事件,然后由事件处理进程来

响应这个事件。脚本命令字符串会作为脚本命令事件的参数传递给事件处理器。
媒体播放器会自动处理下面类型的内嵌脚本命令:
1) URL 型命令:当媒体播放器控件收到一个URL型的命令时,指定的URL会被装载到用户的默认浏览器。

如果媒体播放器嵌在一个分帧的HTML文件中,URL页可 以装载到由脚本命令指定的帧内。如果脚本命令

没有指定一个帧,将由 DefaultFrame 属性决定将 URL 页装入哪一帧。
你可以通过设置 InvokeURLs 属性来决定是否自动处理 URL 型的脚本命令。如果这个属性的值为 false

,媒体播放器控件将忽视 URL型命令。但是脚本命令事件仍会触发,这就允许你有选择地处理 URL 型命

令。
URL 型命令指定的是 URL 的相对地址。基地址是由 BaseURL属性指定的。媒体播放器控件传送的脚本命

令事件的命令参数是链接好的地址。
2) FILENAME 型命令:当媒体播放器控件收到一个FILENAME型的命令时,它将 FileName属性设置为脚本

命令提供的文件,之后媒体播放器会打开这个文件开始播放。 媒体播放器控件总是自动处理 FILENAME

型命令,不象 URL 型命令,它们不能被禁止。
3) TEXT型命令:当媒体播放器控件收到一个 TEXT型的命令时,它会将命令的内容显示在控件的字幕窗

口。内容可以是纯文本的,也可以是 HTML。
4) EVENT型命令:当媒体播放器控件收到一个 EVENT型的命令时,它会在媒体元文件中搜索 EVENT 元素

的 NAME 属性。如果 NAME 属性与脚本命令中的第二个字符串匹配,媒体播放器控件就执行包含在

EVENT 元素中的条目。
5) OPENEVENT型命令:当媒体播放器控件收到一个 OPENEVENT型的命令时,它会在媒体元文件中检查

EVENT 元素,并打开匹配的标题,但不播放,直到收到来自 EVENT型命令的同名真实事件。

捕捉键盘和鼠标事件

EnableContextMenu 与 ClickToPlay 属性为用户提供了在图像窗口进行操作的方法。
如果 EnableContextMenu 属性为 true ,在图像窗口右击鼠标可以打开关联菜单,如果将ClickToPlay

属性设为 true ,用户可以单击图像窗口进行播放与暂停的切换。
要接收鼠标移动和单击事件,请将 SendMouseMoveEvents 和 SendMouseClickEvents 属性设为 true 。

Flv视频文件的来源

首先说下这个Flash视频,也就是Flash Video。

为什么要用这个?很显然是需要在网页中播放视频。我们都知道一般的视频文件,要不就是asf格式、

wmv格式使用mediaplayer进行播放,要不就是rm格式用RealPlayer播放。

这样的问题是,格式的不同就需要选择不同的播放器,这对于本地计算机没有安装相应播放器的用户来

说,这些视频根本无法收看。

并且,还由于这些文件的容量过大,下载慢,查看也不很流畅。

所以,解决播放器和容量的问题,运用Flash有个方法:将各类视频文件转换成Flash视频文件。

播放器有嵌入在浏览器中的Flash播放器,这好像每个人的机器都有的吧,解决了其它一般视频文件需要

挑选播放器的问题,当然这也就是Flash的优势。

容量方面,从FlashMX2004起就支持了转换为Flash视频的功能,经过相关设置后,可缩小原有视频的容

量,最终转换的文件扩展名是FLV。

一句话:最终获得的是个FLV即Flash视频文件。

那么Flv文件如何在网页中显示呢?Flv文件也只是视频文件,它的播放同样是需要播放器的,而这个播

放器就是FlashPlayer。

第一种方法:

将本地Flv文件导入部署到Flash软件中,以库中元素的形式而存在,将该元素拖入场景,调整位置后,

发布为swf文件即可。

注意以上文件在本地测试没有问题,但上传到网络时,其他浏览者是无法查看的,因为当前的播放器调

用的是本地Flv文件。

所以,需要调整路径。首先需要将Flv文件上传到某个网络空间,并且获得其准确的路径地址。

其次,打开Flash软件,选择Flv组件,Alt+F7打开“组件检查器”,将“ContentPath”中的路径由本地

地址替换为网络绝对地址

 

再来将该Flash发布导出swf文件。这时候才可以任意使用该swf文件,如同插入其他一般Flash文件一样

当然,此时还会有个播放器控制按钮相关的一个swf文件,记得要附带着。

第二种方式:

在第二种方式介绍之前,你有没有发觉第一种方式有点麻烦?因为我们是需要将视频插入到网页的,现

在却需要先制作一个swf播放器文件,其中还有些曲折。然后再打开网页编辑器将swf文件插入。

正如我们在网页中插入Flash按钮一样,先要用Flash制作按钮,然后将该Flash插入到网页。但你有没有

注意到Dreamweaver提供了直接插入Flash按钮的功能,也就是说:你不必去制作Flash按钮,直接通过DW

中该途径就能很快完成自己的需要。

那么,同样,现在的Dreamweaver8支持了这一功能:插入Flash视频

你不需要去制作播放视频的swf文件,只需要提供一个Flv视频文件即可。这也就是我所要说的重点。

打开插入面板,选择常用类别,单击媒体按钮后的向下箭头,从下拉列表中选择“
弹出的对话框中,可使用网络上已经固定的Flv文件地址,还可以是选择浏览本地的Flv文件,但要注意

该Flv文件应是你所定义的DW当前该站点中的,以获得相对路径,便于之后所有文件一起上传后,一样能

寻找到该文件。

不出所料,设置完毕后,DW8自动生成了FLVPlayer_Progressive.swf播放器文件和Halo_Skin_3.swf控制

器皮肤文件。

那么,最后你上传网页时就是4个文件一起上传。

 

OK

第三种方式:

如果你还是觉得文件比较的多,只要要一个播放器和一个Flv文件就了事。那么,借用下Google的这个

swf播放器googleplayer.swf,自己只需要提供flv路径就可以了,除flv外,googleplayer.swf还支持

mp3文件。

具体如何使用google的这个播放器,Danger同学介绍了个:

http://www.dengjie.com/weblog/comments.ASP?post_id=1066

并且还提供了个在线工具 http://dengjie.com/temp/google_player_cn.swf

以下显示的则是通过上面的工具设置的,采用的Google的播放器。

http://video.google.com/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fflv%

2Flaislabonita%2Eflv&thumbnailUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%2Fblog%2Fimages%2F2006%

2D2%2Ejpg&playerMode=normal

当然,毕竟这个播放器是Google的,只要通过URL的参数选项即可播放相应的该视频文件。

如果能脱离第一、第二种方式,使用第三种方法又不想使用Google的播放器,那只有自己来写一个swf播

放器了。Danger似乎已经完成。

我的方法则是把google的该播放器下载了下来,然后放到自己的空间里面 ,接着就来使用了

http://www.cnbruce.com/flv/googleplayer.swf?videoUrl=http%3A%2F%2Fwww%2Ecnbruce%2Ecom%

    以上就是本篇文章【html video 视频首帧封面 ios 设置】的全部内容了,欢迎阅览 ! 文章地址:http://w.yusign.com/quote/6878.html 
     行业      资讯      企业新闻      行情      企业黄页      同类资讯      网站地图      返回首页 述古往 http://w.yusign.com/mobile/ , 查看更多   
最新新闻
一次性塑杯最新报价走势分析
1688找工厂2024年12月17日一次性塑杯报价:阿里巴巴为您提供一次性塑杯今日全国各地的加厚pp红白喜事水杯塑料杯最新的价格走势、
手机排行榜前十名
手机排行榜前十名  手机已经是如今大家不能缺少的一样用品,现在使用的是智能手机,不断的更新换代,功能更加齐全,可以满足不
排行附名单:兰州治白癜风比较好的医院“十佳排名”
如果您身上有白斑白癜风等皮肤病问题,点击咨询顶部↑↑↑图片进行免费咨询患者都在问:伍德灯下不明显不少患者在进行白癜风检查
【X2(极客版/全网通)搜狗手机输入法下载】AGM X2 极客版/全网通搜狗手机输入法12.1.1免费下载
搜狗输入法,拥有超大中文词库,输入更加精准,智能。搜狗智能旺仔带你用表达,斗图,妙语,输入更加有趣。******特色功能******
网站优化利器:免费外链工具推荐
下面给大家推荐几款好用的免费的外链工具软件,有需要的小伙伴们来了解一下。爱站工具包是一款强大的站长工具集合,具有多种实用
揭秘!抖音卡片跳转小程序的简单实现方法!
抖音已经成为商家不可忽视的流量宝地。然而,如何将这些流量转化为实际的商业价值,一直是商家面临的挑战。用户在抖音上发现感兴
问界M9王者归来!被捧红的自主全尺寸suv
现在车选择颇多,就比如我们今天说的。赶紧来看看它吧。先来看下问界M9的外观,问界M9车头造型较为质朴,十分具有运动气息。再采
穆里尼奥重回英超:王子携2亿预算助力,纽卡目标直指欧冠
穆里尼奥重回英超:王子携2亿预算助力,纽卡目标直指欧冠2024年冬季转会窗口即将开启,足坛迎来了一则重磅消息:葡萄牙名帅何塞
【iPhone果师兄恢复大师下载】苹果iPhone果师兄恢复大师3.9.6免费下载
手机遇到问题?咨询专家更放心! 果师兄恢复大师App是专业手机数据处理的服务平台,工程师团队由30多位经验丰富的数据恢复技术人
本企业新闻
推荐企业新闻
发表评论
0评