探究浏览器播放视频

浏览器播放视频,分为两种:

一、内联视频(Inline Videos)

当视频被包含在网页中,或作为网页的一部份,它就被称为内联视频。
通过使用 <img> 元素,可向网页添加内联视频。
许多人,对这内联视频是很反感的。就好比,大半夜大家都睡了。突然打开一个页面蹦出视频来,吓老子一跳!我找到资料时,突然某个网页吱哇乱叫!还以为打开小网站了呢。所以有的已经关闭了内联视频,笔者建议仅仅在用户希望听到声音的地方包含内联视频。比方说在用户打开页面后,点击某个链接来观看视频,看看某人的空间听听音乐。
①使用 <img> 元素
笔者找到了一则广告视频作为测试
探究浏览器播放视频
该方法,笔者没有调用成功!
②使用 <embed> 元素
<h2>来看小视频喽</h2>
<embed src="file/ff9dba34c2a6515274496c87ec8c9280.avi" />
演示效果:很成功,打开浏览器就在自动播放
探究浏览器播放视频
接下来,我们看看对IE浏览器的支持度(降低IE版本)。
可以看出IE5+都支持这种方法
探究浏览器播放视频
那我们换个浏览器呢?
在某些浏览器上(包括谷歌),提示的是下载
探究浏览器播放视频
貌似这个方法是IE的专属特性!
③使用 <object> 元素
<object data="file/d6f955c6920b487c07038a21593464ac.f4v" type="video/avi" />``
经笔者调试,该方法对IE的支持度是(Edge模式,其他版本均失败了);
探究浏览器播放视频
谷歌等浏览器,不支持
探究浏览器播放视频

④使用超链接
<a href="file/ff9dba34c2a6515274496c87ec8c9280.avi">点我看小视频</a>
笔者再一次调试出下载功能了,失败。
⑤HTML 5 + <object> + <embed>
笔者也没有调试出来:
探究浏览器播放视频

    <video width="320" height="240" controls>
                <source src="file/ff796725d9f2ac7dad654e0db37b3e75.mp4" type="video/mp4">
                <source src="file/ff796725d9f2ac7dad654e0db37b3e75.ogg" type="video/ogg">
                <source src="file/ff796725d9f2ac7dad654e0db37b3e75.webm" type="video/webm">
                <object data="file/ff9dba34c2a6515274496c87ec8c9280.avi" width="320" height="240">
                    <embed src="file/ff796725d9f2ac7dad654e0db37b3e75.swf" width="320" height="240">
                </object> 
            </video>

探究浏览器播放视频

二、使用助手(Plug-In,插件)

助手应用程序,是一种可通过浏览器启动来“帮助”浏览器播放视频的程序。助手应用程序也称为插件(Plug-Ins)。
助手应用程序可通过使用 <embed> 元素来启动,或者 <applet> 元素及 <object> 元素。
使用助手应用程序的一项巨大优势是,允许用户控制播放器的某些设置。
大多数助手应用程序允许手动地或通过编程控制音量设置以及播放功能,比如回放、暂停、停止和播放。
至于第二种方法嘛。等笔者有空的时候再说吧,天就到这了!

猜你喜欢

转载自blog.51cto.com/13479739/2173025
今日推荐