`
flare
  • 浏览: 124659 次
  • 性别: Icon_minigender_1
  • 来自: 天尽头
社区版块
存档分类
最新评论

embed影音播放语法

阅读更多

转贴自http://vvban.blog.163.com/blog/static/1103491200751384943857/

embed是个很简便的语法,可以用来播放影音档,通常它是用来播放Windows Media Player支援的格式,但也可用来播放一些其他格式,只是要注意更多细节,本文最後再略微提一下这些其他格式,主要还是针对播放Media Player支援的格式来讨论。(如WMA、WMV、ASF、MPG、AVI)

  〈embed src=档案位址〉

    上面这便是embed最简单、最简洁的写法,只要这样写便可播放影音档了,以下再开始讨论各注意事项及设定参数。

    注∶本文为了让语法呈现出来,采用全形的括弧〈 〉,各位要自行写语法时记得改回使用半形括弧 < >。

    关於结束标签∶

    通常语法标签都是成对的,有开始就有结束,有〈b〉就有〈/b〉,有〈font〉就有〈/font〉。可是embed语法可以不用写〈/embed〉,完全不会有任何影响,又省事。

    关於尺寸∶

    如上的最简洁写法,尺寸可以完全不设定,这是最理想的。播放音乐档时,会自动呈现一条完整的播放Bar,如右图所示 (Windows Media Player版本若不同播放Bar外观也可能不同)。播放影片时 (WMV、ASF、MPG、AVI),除了播放Bar,还会以影片的原始尺寸播放出画面,画面大小会自动调整。

    如果因各种因素而想设定尺寸,例如想刻意拉大缩小影片的画面,或是想改变播放Bar的大小,只要加进尺寸参数 width=宽度 height=高度 即可,范例如下∶

  〈embed src=档案位址 width=宽度 height=高度〉

    无论设定任何尺寸,都是包含播放Bar也算在内的,试一下便可了解。

    关於自动播放∶

    如上的最简洁写法,其预设就是会自动播放。如果不想自动播放,加入参数 autostart=false 即可,范例如下∶

  〈 embed src=档案位址 autostart=false〉

    关於循环播放∶

    如上的最简洁写法,其预设就是不会循环播放的,就只播放一次。如果要循环播放,加入参数 loop=true 即可,范例如下∶

  〈embed src=档案位址 loop=true〉

    关於Tracker∶

    嗯,Tracker,中文要怎麽翻译啊?反正如果加进这句参数 ShowTracker=false,播放器的进度“定位”bar就会消失。语法范例如下∶

  〈embed src=档案位址 ShowTracker=false〉

    关於Position Controls∶

    嗯,跟上一篇一样,不会翻译啦,反正只要加入这句参数 ShowPositionControls=false,播放器的“快进”“后退”“下一个”“上一个”按钮就会统统消失,语法范例如下∶

  〈embed src=档案位址 ShowPositionControls=false〉

    关於Audio Controls∶

    就是关於音量控制,只要加入这句参数 ShowAudioControls=false,控制音量的tracker跟静音钮都会消失。语法范例如下∶

  〈embed src=档案位址 ShowAudioControls=false〉

    关於资讯视窗 (part 1)∶

    只要加进这句参数 ShowStatusBar=true,播放Bar下方便会多出一行资讯视窗,如右图。语法范例如下∶

  〈embed src=档案位址 ShowStatusBar=true〉

    这个参数是非常实用的,因为这行资讯视窗会秀出很多有用资讯如下载进度、播放进度、曲名、艺人名称.......等等。秀出下载进度、播放进度尤其体贴, 可以让浏览者大概掌握到底要等多久才会开始播放,不用痴痴望著萤幕像个傻子一样。我个人建议用embed语法播放影音档时最好都加上这句参数。

    关於资讯视窗 (part 2)∶

    还有另外一种秀出资讯视窗的参数 ShowDisplay=true,会一口气秀出四行资讯,每行各秀出一种资讯,如右图。语法范例如下∶

  〈embed src=档案位址 ShowDisplay=true〉

    这个参数我认为很无谓!因为这些资讯,用上一个参数 ShowStatusBar=true 便可全部呈现出来,单行资讯,但用交替出现的方式呈现所有资讯。这个 ShowDisplay=true 参数占空间,一行显示一种资讯,而最有用的下载进度、播放进度等却不会显示,大而不当!

    关於防右键∶

    各位可以试试在播放Bar上按右键看内容,便可看到档案的真实位址!或是在播放影片时也可以在画面上按右键看内容,也可看到档案真实位址。加上这句参数 EnableContextMenu=false 便可防止在播放Bar或影片画面上按右键。语法范例如下∶

  〈embed src=档案位址 EnableContextMenu=false〉

    可是这语法有一点点无谓,因为光是在播放面版上防堵意义不大,还要搭配整个页面的防堵才能收到效果。所以,自己看著办吧。

    关於隐藏面版∶

    隐藏面版是件很有趣的事情,只要加上这句参数 hidden=true,整个播放面版就会不见,什麽都看不到,但还是会播放歌曲 (只要你没有取消自动播放)。语法范例如下∶

  〈embed src=档案位址 hidden=true〉

    什麽东西都没有,却又会播放歌曲,想到什麽了吗?没错,就是最传统的背景音乐语法〈bgsound src=档案位址〉!embed加上 hidden=true 後,看不到播放面版,也不会影响版面 (完全不占位置就对了),表面上的确和bgsound语法一模一样,两者可以互相取代。但在功能上,两者还是有差别的!

    用bgsound语法播放歌曲没有串流功能,即使播WMA也没有,一定要档案完全下载完毕才会开始播放。embed加 hidden=true 就有串流功能。有串流就比较好吗?不见得!是会比较快开始播放歌曲没错,但如果网路繁忙或连线速度慢,播放就会断断续续的。bgsound语法要整首下载 完才播放,等比较久才听的到,但开始播後就保证不会断断续续的。

    所以,现在页面要播背景音乐有两种选择了,就看你要不要串流功能。

    播放清单档∶

    embed并非只能直接播放影音档,它也可以播放清单档如M3U、ASX、WPL等,这样就可以用一句embed语法播放多首歌曲。语法范例如下∶

  〈embed src=档名.m3u〉

    当然,想这样运用自己就得多费心制作清单档,影音档跟清单档上传时也要注意其相对位置都要摆正确。

    并非所有电脑环境都支援播放各式清单档,如果Windows Media Player版本不够新,可能就无法播放一些清单档。还有如果你电脑预设使用其他软体来播放清单档 (非Media Player),也可能无法支援用embed播放清单档,得将档案格式连结回Media Player才行。

    播放清单档功能如果搭配上述的隐藏面版功能就很有趣了,什麽都没看到,却会自动播放多首背景音乐。不过这无法让浏览者做任何控制,强迫接受多首歌曲,很霸道!^^

    播放MP3∶

    用embed可以播放MP3,但有一点要注意,通常大家电脑里不见得是预设用Windows Media Player来播放MP3,很多人是预设MusicMatch Jukebox、WinAmp...等等,总之只要不是预设用Media Player,embed在播放MP3便会呼叫别的软体来播放,如QuickTime或Real Player,而这样播放面版都会很小,变成一定要设尺寸才可以。

    只有电脑里预设用Media Player播放MP3,embed才会呼叫Media Player来播放MP3,也才会是那个熟悉的Media Player style的播放面版,各种设定也较为方便。Anyway,语法范例如下∶

  〈embed src=档名.mp3〉

    播放Flash档案SWF∶

    embed可以播放SWF,事实上SWF好像一定要用embed才能播放出来。播放时一定要设定尺寸,否则画面会变成200*200。语法范例如下∶

  〈embed src=档名.swf width=宽度 height=高度〉

    播放SWF不会出现任何播放BAR (除非SWF档案本身有做一个),因为播放Flash并非呼叫Media Player来播放,而是直接用IE播放。

    播放Quicktime影片档案MOV及QT∶

    embed可以播放MOV、QT等影片档,但是电脑里必须有QuickTime Player,而且版本要够新,最好是6.3以上,这样才能看到用embed播的MOV或QT档。另外,播放时一定要设定尺寸,否则画面会变很小很小。语法范例如下∶

  〈embed src=档名.mov width=宽度 height=高度〉

    播放MOV或QT会有播放Bar,是QuickTime style的播放Bar,尺寸设定亦是将播放Bar算在内的,多尝试几次便能掌握合适的尺寸。

    播放Real档案∶

    先谈播放Real音乐档。第一,用embed播放Real音乐档一定要写尺寸大小,否则播放面版会很小,甚至看不到。第二,关於「自动播放」若什麽都不写 不去设定,预设是「不会自动播放」,若要自动播放就要加入这句参数 autostart=true。整个综合起来语法范例如下∶(图示如右)

  〈embed src=档名.ram autostart=true width=宽度 height=高度〉

    还有一个秀出播放面版的语法 controls=controlpanel,若加这句进去,面版会变成像右图这样。这句有点鸡婆,多加一句话,秀出的东西却比上面那个图示还少,如果就 是想让面版简洁些,就可用这句语法,高度可以设小一点啦,不需像右图这麽高。语法范例如下∶

  〈embed src=档名.ram autostart=true width=宽度 height=高度 controls=controlpanel〉

    再来谈播放Real影片。若用上述的语法播Real影片,只能听到声音,看不到画面,要加上这句参数 controls=ImageWindow 才能看到画面。当然,尺寸还是要写,关於自动播放的设定也同上述。语法范例如下∶

  〈embed src=档名.ram autostart=true width=宽度 height=高度 controls=ImageWindow〉

    用这语法播放影片,画面先是Real Player的Mark,下方会显示档案下载进度,开始播放後就只有画面,没有任何控制面版,整个情况如右图所示。所以,用这语法播放Real影片一定要设为自动播放,否则没有播放面版根本无法控制。

    那如果想要播放出画面又要有控制面版呢?可以的,有个特殊写法办的到。

    原理简单来说是将整组embed语法写两次,两组语法用〈br〉隔开。上面那组语法加入 controls=ImageWindow 参数播出画面,没有控制面版。下面那组语法不要多加参数 (或是加入 controls=controlpanel ),就只有控制面版,看不到画面。然後两组语法都要加入一个重要参数 console=_master,有这句,两组语法的播放才会同步并互相关连,操作下面那组语法的面版亦可控制上面那组语法的播放。整个语法范例如下∶

  〈embed src=档名.ram autostart=true width=影片画面宽度 height=影片画面高度 controls=ImageWindow console=_master〉
  〈br〉
  〈embed src=档名.ram autostart=true width=播放面版宽度 height=播放面版高度 controls=controlpanel console=_master〉

    上面这范例,两组embed语法以及〈br〉之间我都有换行让它呈现的更清楚,各位自行写的时候请把它们通通连起来成为一行很长的语法,这样呈现出来的才会如右图,画面下面紧接著是控制面版。如果像上面范例这样有换行,画面跟控制面版之间会有空行间隔出现。

 

参考资料:http://baike.baidu.com/view/678116.htm

 

分享到:
评论

相关推荐

    embed使用,embed播放多媒体

    本文将深入探讨`embed`元素的使用方法、属性以及其在多媒体播放中的作用。 ### 一、embed的基本结构 `embed`标签通常用于插入外部资源,例如: ```html &lt;embed src="path_to_your_media_file" width="320" height...

    EMBED用法介绍在网页中播放视频的jsp标签

    "EMBED用法介绍在网页中播放视频的jsp&lt;embed&gt;标签" EMBED标签是HTML中一种常用的标签,用于在网页中播放音频、视频文件。它可以播放多种格式的文件,包括Windows Media Player支持的格式,如WMA、WMV、ASF、MPG、...

    html使用embed 播放flv 视频

    在本案例中,我们关注的是如何使用`&lt;embed&gt;`标签来播放FLV(Flash Video)格式的视频。FLV是Adobe Flash平台广泛采用的一种视频格式,尤其在早期互联网上,它因为良好的跨平台性和浏览器兼容性而非常流行。 首先,...

    HTML-embed代码详解

    基本语法 embed src=url 其中,src 是音频或视频文件的路径,可以是相对路径或绝对路径。 属性设置 1. 自动播放 autostart=true、false 如果 autostart=true,音频或视频文件将在下载完毕后自动播放;如果 ...

    embed标签使用详解

    以下是一个使用`embed`标签播放Flash动画的例子: ```html &lt;embed src="../../image/clock.swf" width="150" height="150" quality="high" pluginspage=...

    embed标签的使用(在网页中播放各种音频视频的插件的使用)

    - 示例:`&lt;embed src="music.mid"&gt;`表示播放名为`music.mid`的音频文件。 - 可以是绝对路径或相对路径。 2. **autostart**: - 描述:定义多媒体文件是否在加载完成后自动播放。 - 取值:`true`或`false`。 - ...

    embed embed

    ### 基本语法 embed标签的基本结构如下: ```html &lt;embed src="url"&gt; ``` 这里的`src`属性用于指定媒体文件的URL,可以是相对路径或绝对路径。例如,插入一个.mid音频文件: ```html &lt;embed src="your.mid"&gt; ``` ##...

    HTML5 embed 标签使用方法介绍

    在实际使用中,`&lt;embed&gt;`标签可用于嵌入多种类型的外部资源,包括但不限于Flash动画(如`.swf`文件)、音频文件、视频文件和其他可以利用相应插件播放的内容。然而,由于现代网页设计中越来越多的使用了`&lt;video&gt;`和`...

    embed属性详解[文].pdf

    embed 属性的基本语法为:`embed src=url`,其中 `src` 属性指定了要嵌入的多媒体文件的 URL,可以是相对路径或绝对路径。例如:`&lt;embed src="your.mid"&gt;` 二、属性设置 embed 属性有多种设置,以下是常见的设置:...

    Embed嵌入图片

    `Embed`元标签是AS3中用于内联嵌入资源的关键字,通常与`[Embed]`语法一起使用。它的基本结构如下: ```as3 [Embed(source="path/to/resource.png")] public class EmbeddedImage extends BitmapAsset { //... } `...

    AS3 Embed用法

    以下是具体的语法: ```actionscript [as] [Embed(source="library.swf", symbol="linkageID")] private var AssetClass:Class; [/as] ``` - `source`: 指定了SWF文件的位置。 - `symbol`: 指定了要嵌入的资源的...

    动态修改Embed的src属性

    可以监听 `onload` 或 `canplaythrough` 事件来确认资源已经完全加载并可播放: ```javascript myEmbed.onload = function() { console.log('资源已加载'); }; ``` 5. **优化用户体验**: 在实际应用中,...

    Go-embed:另一个Golang静态内容嵌入器

    标题“Go-embed:另一个Golang静态内容嵌入器”暗示了`embed`包是Go语言中处理静态内容的一种方法。与其他第三方库相比,`embed`作为内置的解决方案,具有更好的性能和更低的依赖性。 描述“embed: 另一个Golang静态...

    Go-go-embed-生成的Go代码来嵌入资源文件到你的库或可执行文件中

    在`pyros2097/go-embed-4274f34` 这个压缩包中,包含了`go-embed` 某一版本的源码,如果你需要深入了解其内部实现或进行二次开发,可以解压并查看源代码。通常,源码中会有更详细的文档和示例来指导你如何使用和扩展...

    tomcat-embed-jasper-9.0.16.jar

    tomcat-embed-jasper-9.0.16.jar

    Laravel开发-embed

    在Laravel框架中,"embed"通常指的是媒体嵌入功能,允许开发者将外部资源,如视频、图片、音频等多媒体内容,以一种安全且可控的方式整合到应用中。本项目"laravel-development-embed"可能是一个扩展包或者库,旨在...

    tomcat-embed-core-9.0.27.jar

    tomcat-embed-core-9.0.27

    tomcat-embed-el-9.0.16.jar

    tomcat-embed-el-9.0.16.jar

    tomcat-embed-core-9.0.16.jar

    tomcat-embed-core-9.0.16.jar

    Embed嵌入XML

    首先,我们需要了解`Embed`元标签的基本语法。`Embed`元标签通常用在类定义内部,用于创建一个表示嵌入资源的类。例如,对于XML文件,我们可以这样使用: ```actionscript [Embed(source="your_xml_file.xml", mime...

Global site tag (gtag.js) - Google Analytics