embed 태그 다양한 옵션 효과

http://oxtag.com/html/ex/embedTag.html

미리보기는 상단 링크를...
embed 태그를 많이 써서 그런지 로딩이 더딤니다.

<pre style="font-size:9pt;">
기본 embed 태그
<embed src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=1 >


사용방법
<<!>embed style="필터옵션" src="음악주소" volume="0" >
<<!>span style="background-color:색상"><<!>embed style="필터옵션" src="음악주소" ><<!>/span>

01. style="filter:alpha(Opacity:5,style:1,finishOpacity:100)"
<embed style="filter:alpha(Opacity:5,style:1,finishOpacity:100)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

02. style="filter:blur(add=1,direction=135,strength=20)"
<embed style="filter:blur(add=1,direction=135,strength=20)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

03. style="filter:gray()"
<embed style="filter:gray()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >   <embed style="filter:gray(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > filter:gray(Opacity=0.5)


04. style="filter:invert()"
<embed style="filter:invert()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >   <embed style="filter:invert(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > filter:invert(Opacity=0.5)


05. style="filter:xray()"
<embed style="filter:xray()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >   <embed style="filter:xray(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > filter:Xray(Opacity=0.5)


06. style="filter:progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.5)" / 0.0~1
<embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

07. style="filter:progid:DXImageTransform.Microsoft.Engrave(Bias=1)"
<embed style="filter:progid:DXImageTransform.Microsoft.Engrave(Bias=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

08. style="filter:progid:DXImageTransform.Microsoft.Emboss(Bias=1)"
<embed style="filter:progid:DXImageTransform.Microsoft.Emboss(Bias=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

09. style="filter:progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)" / Strength=1 ~
<embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >   <embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=2)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >
color=blue,Strength=1                          color=blue,Strength=2

<embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=red,Strength=2)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >   <embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=red,Strength=3)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >
color=red,Strength=2                           color=red,Strength=3

10. style="filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=15,Direction=135)"
<embed style="filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=15,Direction=135)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

11. style="filter:progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0,LightStrength=40,Phase=50)"
<embed style="filter:progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0,LightStrength=40,Phase=50)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

12. style="filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=7,OffY=7,color=deepskyblue )"
<embed style="filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=7,OffY=7,color=deepskyblue )" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >   <embed style="filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=10,OffY=7,color=orange )" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >  OffX=10,OffY=7,color=orange

13. <<!>span style="background-color:색상"><<!>embed style="필터옵션" src="음악주소" ><<!>/span> 필터옵션에 Opacity 가 있는것이 잘됩니다.

<<!>span style="background-color: blue"> style="filter:alpha(Opacity=70)"
<span style="background-color: blue"><embed style="filter:alpha(Opacity=70)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>

<<!>span style="background-color: darkblue"> style="filter:gray alpha(Opacity=80)"
<span style="background-color: darkblue"><embed style="filter:gray alpha(Opacity=80)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0></span>  

<<!>span style="background-color: yellow"> style="filter:alpha(Opacity=70)"
<span style="background-color: yellow"><embed style="filter:alpha(Opacity=70)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>

<<!>span style="background-color: brown"> style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)"
<span style="background-color: brown"><embed style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>

<<!>span style="background-color: brown"> style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0 LightStrength=60,Phase=80)"
<span style="background-color: brown"><embed style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0 LightStrength=60,Phase=80)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>  

옵션을 잘 조합하면 더욱 멋진 효과가 나올것 입니다.



실제로는 사용하기 힘든 효과
버튼기능을 사용하기 힘들거나 사용하지 못함 (조절 위치가 실제와 다름)
01. style="filter:progid:DXImageTransform.Microsoft.BasicImage(Mirror=1)" / filter:fliph() 와 같은 효과
<embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Mirror=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

02. style="filter:fliph()"
<embed style="filter:fliph()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

03. style="filter:flipv()"
<embed style="filter:flipv()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

04. style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1)" / 0~3
<embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > Rotation=1 <embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >Rotation=2 <embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=3)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >Rotation=3


<EMBED autostart=false style="FILTER: alpha(opacity=70,style=2,finishopacity=0)" src=http://mfiles.naver.net/6abb5e8091cba6103b50/data19/2007/2/4/290/doll-3146-damuldo.wma width=80 height=27 type=audio/x-ms-wma></span>


<TABLE style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" cellSpacing=0 cellPadding=0 bgColor=#ff9933>
<TBODY>
<TR>
<TD>
<EMBED style="FILTER: alpha(opacity=30,style=2,finishopacity=0)" src=http://mfiles.naver.net/6abb5e8591c9a6103b53/data19/2007/2/4/290/doll-3146-damuldo.wma width=80 height=27 type=audio/x-ms-wma Autostart="1" volume="0" LOOP="1" enablecontextmenu="0">
</TD>
</TR>
</TBODY>
</TABLE>


<TABLE style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" cellSpacing=0 cellPadding=0 bgColor=#ff9cff>
<TBODY>
<TR>
<TD>
<EMBED style="FILTER: alpha(opacity=30,style=2,finishopacity=0)" src=http://mfiles.naver.net/6abb5e8591c9a6103b53/data20/2006/9/9/164/loveholic-doll-bulsazo23.wma width=80 height=27 type=audio/x-ms-wma enablecontextmenu="0" LOOP="1" volume="0" Autostart="0">
</TD>
</TR>
</TBODY>
</TABLE>
</pre>