Maison >interface Web >tutoriel HTML >Explication détaillée de la balise Object et de la balise EMBED en HTML
Pour lire des vidéos Flash dans le navigateur, le document HTML doit contenir les balises et et les paramètres. La balise OBJECT a 4 paramètres (HEIGHT, WIDTH, CLASSID et CODEBASE). ses attributs. Les amis intéressés peuvent en apprendre davantage sur cet article Définition et utilisation
Définir un objet intégré. Utilisez cet élément pour ajouter du multimédia à vos pages XHTML. Cet élément vous permet de spécifier des données et des paramètres pour les objets insérés dans un document HTML, ainsi que du code pouvant être utilisé pour afficher et manipuler les données. La balise
273238ce9338fbb04bee6997e5552b95 est utilisée pour contenir des objets tels que des images, de l'audio, de la vidéo, des applets Java, ActiveX, PDF et Flash.
object était à l'origine destiné à remplacer les éléments img et applet. Cependant, cela ne s'est pas produit en raison de bugs et du manque de prise en charge du navigateur.
La prise en charge des objets par le navigateur dépend du type d'objet. Malheureusement, les principaux navigateurs utilisent tous un code différent pour charger les mêmes types d'objets.
Heureusement, l'objet apporte une solution. Si l'élément objet n'est pas affiché, le code entre 273238ce9338fbb04bee6997e5552b95 et eb50c9ec568c9b96871b9e94a1ff3fd1 De cette façon, nous pouvons imbriquer plusieurs éléments d'objet (un pour chaque navigateur).
Utilisez les balises OBJECT et EMBED
Pour lire des films Flash dans le navigateur, le document HTML doit contenir les balises et et définir des paramètres. Pour la balise EMBED, les paramètres entre parenthèses (tels que HEIGHT, WIDTH, QUALITE et LOOP, etc.) sont ses attributs, par exemple :
<EMBED SRC="moviename.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/ index.cgi?P1_Prod_Version=ShockwaveFlash"> </EMBED>
La balise OBJECT a 4 paramètres définis (HEIGHT, WIDTH, CLASSID et CODEBASE) sont toutes ses propriétés. D'autres paramètres apparaissent indépendamment dans le document HTML et sont appelés balises de paramètre. Par exemple :
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100" HEIGHT="100"CODEBASE="http://active.macromedia.com/flash4/cabs/ swflash.cab#version=4,0,0,0"> <PARAM NAME="MOVIE" VALUE="moviename.swf"> <PARAM NAME="PLAY" VALUE="true"> <PARAM NAME="LOOP" VALUE="true"> <PARAM NAME="QUALITY" VALUE="high"> </OBJECT>
SRC
取值:影片名称(如movieName.swf)。
对应的模版变量:$MO
功能描述:指定要载入影片的名称,仅适用于“EMBED”标志中。
MOVIE
取值:影片名称(如movieName.swf)。
对应的模版变量:$MO
功能描述:指定要载入影片的名称,仅适用于“OBJECT”标志中。
CLASSID
取值:clsid:D27CDB6E-AE6D-11cf-96B8-444553540000
功能描述:指明浏览器所用的ActiveX控件,必须完全与上面的值相同,仅适用于“OBJECT”标志中。
WIDTH
取值:数字或百分数。
对应的模版变量:$WI.
功能描述:以像素数或浏览器窗口宽度的百分数形式指定影片的宽度。
HEIGHT
取值:数字或百分数。
对应的模版变量:$HE
功能描述:以像素数或浏览器窗口高度的百分数形式指定影片的高度。
因为Flash影片是可缩放的,所以在保持长宽比的前提下改变影片幅面的大小不会使影片的显示质量降低。
CODEBASE
取值:http://active.macromedia.com/flash4/cabs/swflash.cab
#version=4,0,0,0"
功能描述:指明Flash播放器的ActiveX控件的位置,当浏览器未安装它时,可自动到该位置下载。所赋的值必须完全与上面的值相同。仅适用于“OBJECT”标志中。
PLUGINSPAGE
P1_Prod_Version=ShockwaveFlash
功能描述:指明Flash播放器插件的位置,在需要时便于安装。所赋的值必须完全与上面的值相同。仅适用于“EMBED”标志中。
SWLIVECONNECT(可选)
取值:true或false.
功能描述:用于确定在第一次载入Flash播放器时是否启动Java,当该项被省略时取默认值False。无论什么时候只要在同一页面中包含JavaScript程序和Flash,为使“FS Commands”语句起作用,必须运行Java,但如果页面中的JavaScript程序仅用来实现监测浏览器的类型或其他与“FS Commands”语句无关的功能,则可以把SWLIVECONNECT置为false以阻止Java的启动,要启动Java,可显式地将SWLIVECONNECT 置为true,这将大大增加影片开始播放过程所用的时间。仅适用于“EMBED”标志中。
PLAY(可选)
取值:true或false.
对应的模版变量:$PL.
功能描述:用于指定当影片下载到浏览器之后是否立即播放。如果影片中包含交互元素,也许需要被演示者的相关操作来启动播放,这时可将该属性置为false来阻止影片的自动播放,该属性被省略时将按默认值true执行。
LOOP(可选)
取值:true或false。
对应的模版变量:$LO.
功能描述:指定影片是重复播放还是播放一遍后停止。该属性被省略时将按默认值true执行。
QUALITY(可选)
取值:low、high、autolow、autohig或best。
对应的模版变量:$QU.
功能描述:见前述。
该属性被省略时将按默认值high执行。
BGCOLOR(可选)
取值:#RRGGBB(16进制的RGB值)。
对应的模版变量:$BG
指定影片的背景色,该属性可取代Flash影片文件中背景色的设定,但不影响影片所在HTML页的背景色设定。
SCALE(可选)
取值:showall、noborder、exactfit.
对应的模版变量:$SC.
功能描述:当宽度和高度值以百分数表示时,确定影片被如何放置在浏览器窗口中。选项有以下几个:
“Show all” (默认值)在指定尺寸的区域中显示整个影片的内容并保持与原影片相同的长宽比例,影片内容不发生变形。
“No Border”在维持影片长宽比例的情况下填充指定区域,影片内容不发生变形,但影片的部分内容可能显示不出来。
“Exact Fit”使整个影片在指定区域可见,因为此时不再维持原有的长宽比例,所以影片有可能变形。
该属性被省略(且宽度和高度值以百分数表示时)时将按默认值showall 执行。
ALIGN
取值:L、R 、T、B.
对应的模版变量:$HA.
功能描述:设置“OBJECT”、“EMBED”和“IMG”标签中的“ALIGN”属性,决定影片在浏览器窗口中的位置。
省略时使影片置于浏览器窗口的中央,如果浏览器窗口尺寸比影片所占区域尺寸小,将调整浏览器窗口尺寸,使影片正常显示。
La valeur "L" aligne la vidéo sur le côté gauche de la fenêtre du navigateur. Si la fenêtre du navigateur n'est pas assez grande pour accueillir la vidéo, les bords supérieur, inférieur et droit de la fenêtre seront ajustés.
La valeur « R » aligne la vidéo sur le côté droit de la fenêtre du navigateur, et si la fenêtre du navigateur n'est pas assez grande pour accueillir la vidéo, les bords supérieur, inférieur et gauche de la fenêtre seront ajustés.
La valeur "T" aligne la vidéo avec le bord supérieur de la fenêtre du navigateur, et si la fenêtre du navigateur n'est pas assez grande pour accueillir la vidéo, les bords gauche, droit et inférieur de la fenêtre seront ajustés.
La valeur "B" aligne la vidéo avec le bord inférieur de la fenêtre du navigateur, et si la fenêtre du navigateur n'est pas assez grande pour accueillir la vidéo, les bords gauche, droit et supérieur de la fenêtre seront ajustés.
SALIGN (facultatif)
Valeurs : L, R, T, B, TL, TR, BL, BR
Variable de modèle correspondante : $SA
Fonction. description : utilisé pour déterminer comment la vidéo mise à l'échelle est placée dans une zone avec une largeur et une hauteur spécifiées. La signification des différentes valeurs peut être trouvée dans le point précédent.
BASE (facultatif)
Valeur : chemin de base ou URL.
Description de la fonction : Utilisé pour spécifier la position de référence du chemin relatif utilisé dans la vidéo.
MENU (facultatif)
Valeurs : vrai, faux
Variable de modèle correspondante :
Description de la fonction : Utilisée pour spécifier dans le navigateur Le type de. menu contextuel qui apparaît lorsque vous cliquez avec le bouton droit (Windows) ou cliquez avec la touche Commande (Macintosh) sur une zone d'un film.
Une valeur « Vrai » affichera l'intégralité du menu, permettant à la personne à qui l'on présente une variété de contrôles sur le processus de sélection.
Une valeur de "False" affichera un menu contenant uniquement l'élément de menu "À propos de Flash".
Lorsque cet attribut est omis, la valeur par défaut "true" sera utilisée.
WMODE (facultatif)
Valeurs : Fenêtre, Opaque, Transparent
Variable de modèle correspondante : $WM
Description de la fonction : Ce paramètre est uniquement disponible en Applicable. aux systèmes Windows avec espace Flash Active X.
La valeur « Fenêtre » entraîne la lecture de la vidéo à l'emplacement spécifié sur la page Web. Il s'agit également de la vitesse de lecture la plus rapide parmi plusieurs options.
La valeur « Opaque sans fenêtre » bloquera le contenu derrière la vidéo sur la page Web.
La valeur « Transparent » fait que la partie transparente de la vidéo sur la page Web affiche le contenu et l'arrière-plan de la page Web, ralentissant potentiellement l'animation.
Lorsque cet attribut est omis, il sera exécuté avec la valeur par défaut "Fenêtre" et ne pourra être utilisé que dans les balises Object.
1. Introduction :
Si nous voulons afficher normalement du contenu flash sur une page Web, il doit y avoir une balise spécifiant le chemin flash dans la page. Autrement dit, les balises OBJECT et EMBED. La balise OBJECT est utilisée pour le navigateur IE sur la plateforme Windows, tandis que EMBED est utilisé pour le navigateur Netscape Navigator sur les plateformes Windows et Macintosh et le navigateur IE sur la plateforme Macintosh. IE sur la plate-forme Windows utilise des contrôles Activex pour lire le flash, tandis que d'autres navigateurs utilisent la technologie de plug-in Netscape pour lire le flash.
Ce qui suit est un exemple de code simple pour insérer du Flash dans une page Web :
<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标签是用于windows IE3.0及以后浏览器或者其它支持Activex控件的浏览器。“classid”和“codebase”属性必须要精确地按上例所示的写法写,它们告诉浏览器自动下载flash player的地址。如果你没有安装过flash player 那么IE3.0以后的浏览器会跳出一个提示框访问是否要自动安装flash player。当然,如果你不想让那些没有安装flash player的用户自动下载播放器,或许你可以省略掉这些代码。
EMBED标签是用于Netscape Navigator2.0及以后的浏览器或其它支持Netscape插件的浏览器。“pluginspage”属性告诉浏览器下载flash player的地址,如果还没有安装flash player的话,用户安装完后需要重启浏览器才能正常使用。
为了确保大多数浏览器能正常显示flash,你需要把EMBED标签嵌套放在OBJECT标签内,就如上面代码例子一样。支持Activex控件的浏览器将会忽略OBJECT标签内的EMBED标签。Netscape和使用插件的IE浏览器将只读取EMBED标签而不会识别OBJECT标签。也就是说,如果你省略了EMBED标签,那firefox就不能识别你的flash了(不过纳闷的是,省略了object只写embed,IE也能正常显示flash,呵呵,具体的再仔细看看了)。
下面列出了用于发布影片的OBJECT和EMBED标签的必要以及可选属性。
一、必需属性:
·CLASSID-设置浏览器的Activex控件,仅用于OBJECT标签。
·CODEBASE-设置flash Activex控件的位置,因而如果浏览器如果没有安装的话,可以自动下载安装。仅用于OBJECT标签。
·WIDTH-以百分比或象素指定flash影片的宽度。
·HEIGHT-以百分比或象素指定flash影片的高度。
·SRC-指定影片的下载地址。仅用于EMBED标签。
·PLUGINSPAGE-设置flash 插件的位置,因而如果浏览器如果没有安装的话,可以自动下载安装。仅用于EMBED标签。
·MOVIE-指定影片的下载地址。仅用于OBJECT标签。
二、可选属性及可用的值:
·ID-设定变量名,用于脚本代码的引用。仅用于OBJECT。
·NAME -设定变量名,用于脚本代码(如javascript)的引用。仅用于EMBED。
·SWLIVECONNECT - (true或false)指定当flash player第一次下载时,是否启用java。如果些属性省略,默认值为false。你果你在相同页同使用javascript和flash,java必须使用FSCommand来工作。
·PLAY -(true或false)指定flash影片是否在下载完成后就自动播放,如果省略此属性,则默认为true。
·LOOP - (true或false)指定影片播放完最后一帧后是停止还是继续循环播放,如果省略此属性,则默认为true。
·MENU - (true或false)
·True 显示全部的菜单,允许用户放大,缩小等控制影片播放等操作。
·False 显示只包含设置选项和关于flash的菜单。
·QUALITY - (low, high, autolow, autohigh, best )
·Low 速度优于美观,而且不应用反锯齿。
·Autolow 刚开始着重于速度,但当需要时随时提升美观。
·Autohigh 同时着重播放速度和美观,但需要时则牺牲美观来保证播放速度。
·Medium 应用一些反锯齿而不平滑位图。它质量高于low设置而低于high设置。
·High 美观优于播放速度,而且一直应用反锯齿。如果影片不包含动画,位图会被平滑化;而如果影片包含动画,位图将不变平滑。
·Best 提供最好的显示质量而不考虑播放速度。所有输出都应用反锯齿及所有位图都被平滑化。
·SCALE - (showall, noborder, exactfit)
·Default(Show all)影片在指定的区域内显示,但保持原始的比例。影片两侧将会出现边框。
·No Boder 收缩影片以适合指定的区域,保持影片不失真,但部分影片将可能将裁切。然而保持影片的原始比例。
·Exact Fit 使整个影片在指定的区域内显示,影片有可能变形失真,而且不保持原始的比例。
·ALIGN - (l, t, r, b)
·默认为居中,当浏览器窗口小于影片时,边缘会被裁切。
·Left,Right,Top,Bottom按照相应的设置沿浏览器的边缘对齐。如果需要,另外三边将被裁切。
·SALIGN - (l, t, r, b, tl, tr, bl, br)
·L,R,T,B
·TL,TR
·BL,BR
·WMODE- (fenêtre, opaque, transparent) Définissez l'attribut de mode fenêtre de l'animation flash et spécifiez la transparence, la cascade et la position du flash dans le navigateur.
·Fenêtre La vidéo est lue dans sa propre fenêtre rectangulaire dans le navigateur.
·La vidéo opaque cache tout ce qui se cache derrière.
·Transparent rend la vidéo flash transparente et affiche le contenu Web derrière la vidéo transparente. Cela réduira les performances de l'animation. Et cette propriété n'est pas disponible dans tous les navigateurs.
·BGCOLOR - (#RRGGBB, valeur RVB hexadécimale.) Spécifie la couleur d'arrière-plan de la vidéo. Utilisez cet attribut pour remplacer la couleur d'arrière-plan définie dans Flash.
·BASE - Définissez le répertoire de base ou l'URL pour résoudre tous les chemins relatifs en flash. Semblable à la balise dde6fb694e6711ae5e6f381704c04ae4
·FLASHVARS transfère les variables vers Flash Player, qui nécessite Flash Player 6 et versions ultérieures.
·Transmettez les variables de niveau racine à la vidéo. Le format de la chaîne est un ensemble nom=valeur séparé par "&".
·Le navigateur prend en charge une longueur de chaîne de 64 Ko.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!