ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLタグオブジェクトと埋め込みの違いの紹介

HTMLタグオブジェクトと埋め込みの違いの紹介

黄舟
リリース: 2017-06-30 11:14:47
オリジナル
1840 人が閲覧しました

オブジェクトは埋め込みオブジェクトを定義します。この要素を使用して、XHTML ページに マルチメディア を追加します。この要素を使用すると、HTML ドキュメントに挿入されるオブジェクトのデータとパラメーター、およびデータの表示と操作に使用できるコードを指定できます。

タグは、画像、オーディオ、ビデオ、Java アプレット、ActiveX、PDF、Flash などのオブジェクトを含めるために使用されます。
embed タグは、プラグインなどの埋め込みコンテンツを定義します。

オブジェクトと埋め込みの違い:
1. さまざまなブラウザーと互換性を持たせるために、IE はオブジェクトの解析のみをサポートし、Firefox、Google、Safari は埋め込みの解析のみをサポートします。
2. object タグは clsid を使用してコントロールの一意の ID を表し、embed タグは type を使用してプラグインの一意の名前を表します。たとえば、Flash プラグインのタイプは application/x-shockwave-flash で、mp3 再生プラグインのタイプは audio/mpeg です。
3. 複数のブラウザと互換性を持たせるために、ie ブラウザ を通じて Object タグを動的にロードしたり、非 IE ブラウザを通じて embed タグを動的にロードしたり、object タグに埋め込みタグを埋め込んだりすることができます。

Flash の簡単な例
以下は、単純な Web ページに 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>
ログイン後にコピー

注意すれば埋め込みタグを使用できます。オブジェクトの多くのパラメータと埋め込みプロパティの多くのパラメータが重複していることがわかりました。なぜこれが行われるのでしょうか?ブラウザーの互換性のために、一部のブラウザーはオブジェクトをサポートし、一部のブラウザーは埋め込みをサポートするため、Flash パラメーターを変更する場合は両方の場所を変更する必要があります。この方法は常に Macromedia の公式方法であり、互換性の問題を発生させることなく Flash の機能を最大限に保証します。
JS を使用して Flash を埋め込むのが、この段階で最も完璧な方法です。誰かが簡単にダウンロードして使用できる非常に完全な埋め込みスクリプトを作成しました (SWFObject が推奨されます)。SWFObject.js のダウンロード アドレスhttps://github .com/swfobject/ swfobject

objec パラメータの説明
param 名タグは、この再生プラグインに埋め込まれているいくつかの関数と再生パラメータです (コピーできます):

<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タグオブジェクトと埋め込みの違いの紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
前の記事:HTMLのObjectタグとEMBEDタグについて詳しく解説 次の記事:html: タグのサンプルコード共有
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート