首頁  >  文章  >  web前端  >  html標籤object和embed的區別介紹

html標籤object和embed的區別介紹

黄舟
黄舟原創
2017-06-30 11:14:471834瀏覽

        object定義一個嵌入的物件。請使用此元素為您的 XHTML 頁面新增多媒體。此元素可讓您規定插入 HTML 文件中的物件的資料和參數,以及可用來顯示和操作資料的程式碼。

273238ce9338fbb04bee6997e5552b95 標籤用於包含對象,例如圖像、音訊、視訊、Java applets、ActiveX、PDF 以及 Flash。
embed標籤定義嵌入的內容,例如外掛程式。

object和embed的差別:
1、是為了相容不同瀏覽器,IE只支援對Object的解析;火狐,Google,Safari只支援對Embed的解析。
2、object標籤用clsid表示控制項的唯一id,而embed標籤用type
表示外掛程式的唯一名稱。例如flash外掛type為:application/x-shockwave-flash,mp3播放外掛type為audio/mpeg。
3、為了相容多個瀏覽器,可以透過ie瀏覽器動態載入Object標籤,非ie瀏覽器動態載入embed標籤;或是在object標籤裡面嵌入embed標籤。

flash的簡單實例
以下是簡單的網頁中插入flash的程式碼範例: 
程式碼如下:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="550" HEIGHT="400" id="myMovieName"> 
<PARAM NAME=movie VALUE="myFlashMovie.swf"> 
<PARAM NAME=quality VALUE=high> 
<PARAM NAME=bgcolor VALUE=#FFFFFF> 
<EMBED src="http://www.doflash.net/"/support/flash/ts/documents/myFlashMovie.swf"" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400" 
NAME="myMovieName" ALIGN="" type="application/x-shockwave-flash" 
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"> 
</EMBED> 
</OBJECT>

使用object 和embed 標籤來嵌入,細心的會發現,object 的許多參數和embed 裡面的許多屬性是重複的,為什麼要這樣做?為了瀏覽器相容性,有的瀏覽器支援 object,有的支援 embed,這也是為什麼要修改 Flash 的參數時兩個地方都要改的原因。這種方法是 Macromedia 一直以來的官方方法,最大限度的保證了 Flash 的功能,沒有相容性問題。
現階段用JS 嵌入Flash 是最完美的方法,有人寫了很完善的嵌入腳本可以方面地下載使用(推薦SWFObject),SWFObject.js下載地址https:/ /github.com/swfobject/swfobject

objec參數說明
param name標籤是在這個播放插件中嵌入的一些功能和播放參數,例如(你可以抄下來): 

<param name="playcount" value="1">
<!--控制重复次数: “x”为几重复播放几次; x=0,无限循环。--> 
<param name="autostart" value="0">
<!--控制播放方式: x=1,打开网页自动播放; x=0,按播放键播放。--> 
<param name="clicktoplay" value="1">
<!--控制播放开关: x=1,可鼠标点击控制播放或暂停状态; x=0,禁用此功能。--> 
<param name="displaysize" value="0">
<!--控制播放画面: x=0,原始大小; x=1,一半大小; x=2,2倍大小。--> 
<param name="enablefullscreen controls" value="1">
<!--控制切换全屏: x=1,允许切换为全屏; x=0,禁用此功能。--> 
<param name="showaudio controls" value="1">
<!--控制音量: x=1,允许调节音量; x=0,禁止音量调节。--> 
<param name="enablecontext menu" value="1">
<!--控制快捷菜单: x=1,允许使用右键菜单; x=0,禁用右键菜单。--> 
<param name="showdisplay" value="1">
<!--控制版权信息: x=1,显示电影及作者信息;x=0,不显示相关信息--> 
<param NAME="AutoStart" VALUE="-1">
<!--是否自动播放--> 
<param NAME="Balance" VALUE="0">
<!--调整左右声道平衡,同上面旧播放器代码--> 
<param name="enabled" value="-1">
<!--播放器是否可人为控制--> 
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否启用上下文菜单--> 
<param NAME="url" VALUE="http://1.wma"> <!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1"><!--播放次数控制,为整数--> 
<param name="rate" value="1">
<!--播放速率控制,1为正常,允许小数,1.0-2.0--> 
<param name="currentPosition" value="0">
<!--控件设置:当前位置--> 
<param name="currentMarker" value="0">
<!--控件设置:当前标记--> 
<param name="defaultFrame" value="">
<!--显示默认框架--> 
<param name="invokeURLs" value="0">
<!--脚本命令设置:是否调用URL--> 
<param name="baseURL" value="">
<!--脚本命令设置:被调用的URL--> 
<param name="stretchToFit" value="0">
<!--是否按比例伸展--> 
<param name="volume" value="50">
<!--默认声音大小0%-100%,50则为50%--> 
<param name="mute" value="0">
<!--是否静音-- 
<param name="uiMode" value="mini">
<!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示--><param name="windowlessVideo" value="0">
<!--如果是0可以允许全屏,否则只能在窗口中查看--> 
<param name="fullScreen" value="0">
<!--开始播放是否自动全屏--> 
<param name="enableErrorDialogs" value="-1">
<!--是否启用错误提示报告--> 
<param name="SAMIStyle" value>
<!--SAMI样式--> 
<param name="SAMIFilename" value>
<!--字幕ID-->

以上是html標籤object和embed的區別介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn