使用 <embed> 标签显示 flash文件(swf)格式 ,如何设置 width 和 height 宽度,高度.

1. embed 标签支持 .swf 格式. .flv 的不支持.

2. 通常情况下, 网站中上传多个 flash文件. 它的默认大小是不一样的. 而且可以宽度大于高度(横向的) ; 宽度小于高度 (竖向的) .

　　此时. 最好的的办法是给 <embed> 设置一个固定的宽度和高度 .

　　　　此时flash 会自动缩放. 至于缩放比例: 如果先碰到高度 , 那么 flash的高度就是 embed的设置的高度, 宽度等比例缩放;

　　　　　　　　　　　　　　　　　　　　如果先碰到宽度, 那么flash的宽度就是 embed 设置的宽度, 高度等比例缩放.

------------------------------------------------------------------------------------

以下是例子:

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>emebedtest</title>

     <style type="text/css">

         .box {

             width: 1000px;

             border: 1px solid black;

             margin: 20px auto;

         }

     </style>

 </head>

 <body>

     <h2 style="text-align: center;">横向</h2>

     <div class="box">

         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red;">

     </div>

     <div class="box">

         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px;">

     </div>

     <div class="box">

         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px; margin: 0px auto;">

     </div>

     <div class="box">

         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin: 0px auto;">

     </div>

     <div class="box">

         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin-left: calc( (100% - 800px)/2 )">

     </div>

     <div class="box">

         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 100%;  ">

     </div>

     <hr>

     <h2 style="text-align: center;">竖向</h2>

     <div class="box">

         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red;">

     </div>

     <div class="box">

         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px;">

     </div>

     <div class="box">

         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px; margin: 0px auto;">

     </div>

     <div class="box">

         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin: 0px auto;">

     </div>

     <div class="box">

         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin-left: calc( (100% - 800px)/2 )">

     </div>

     <div class="box">

         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 100%; ">

     </div>

 </body>

 </html>

<embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin-left: calc( (100% - 800px)/2 )">

对于标签 <embed>

width: 800px; height: 600px;  是设置一固定的宽度 和 高度 .

 margin-left: calc( (100% - 800px)/2 )
　　　　是 让 <embed> 在 父级 div.box 中 水平居中显示. 而垂直居中是不需要的. 因为 div.box 的 高度 就是 由 <embed>撑起来的(600px)

-------------------------------------------------------------------------

网页显示:

　　横向:

　　　　---------------------------

　　竖向:

巴特西

使用 <embed> 标签显示 flash文件(swf)格式 ,如何设置 width 和 height 宽度,高度.

最新文章

热门文章