使用 <embed> 標簽顯示 flash文件(swf)格式 ,如何設置 width 和 height 寬度,高度.

使用標簽顯示 flash文件(swf)格式 ,如何設置 width 和 height 寬度,高度.

本文轉載自查看原文 2017-08-29 23:17 2172 html

1. embed 標簽支持 .swf 格式. .flv 的不支持.

2. 通常情況下, 網站中上傳多個 flash文件. 它的默認大小是不一樣的. 而且可以寬度大於高度(橫向的) ; 寬度小於高度 (豎向的) .

　　此時. 最好的的辦法是給 <embed> 設置一個固定的寬度和高度 .

　　　　此時flash 會自動縮放. 至於縮放比例: 如果先碰到高度 , 那么 flash的高度就是 embed的設置的高度, 寬度等比例縮放;

　　　　　　　　　　　　　　　　　　　　如果先碰到寬度, 那么flash的寬度就是 embed 設置的寬度, 高度等比例縮放.

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

以下是例子:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>emebedtest</title>
 6     <style type="text/css">
 7 
 8         .box {
 9             width: 1000px;
10             border: 1px solid black;
11             margin: 20px auto;
12 
13         }
14 
15     </style>
16 </head>
17 <body>
18     <h2 style="text-align: center;">橫向</h2>
19     <div class="box">
20         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red;">
21     </div>
22 
23     <div class="box">
24         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px;">
25     </div>
26 
27     <div class="box">
28         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px; margin: 0px auto;">
29     </div>
30 
31     <div class="box">
32         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin: 0px auto;">
33     </div>
34 
35     <div class="box">
36         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin-left: calc( (100% - 800px)/2 )">
37     </div>
38 
39     <div class="box">
40         <embed src="./flash5516/flash5516.swf" type="" style="border: 1px solid red; width: 100%;  ">
41     </div>
42 
43     <hr>
44     <h2 style="text-align: center;">豎向</h2>
45     <div class="box">
46         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red;">
47     </div>
48 
49     <div class="box">
50         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px;">
51     </div>
52 
53     <div class="box">
54         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px; margin: 0px auto;">
55     </div>
56 
57     <div class="box">
58         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin: 0px auto;">
59     </div>
60 
61     <div class="box">
62         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 800px; height: 600px; margin-left: calc( (100% - 800px)/2 )">
63     </div>
64 
65     <div class="box">
66         <embed src="./flash5408/flash5408.swf" type="" style="border: 1px solid red; width: 100%; ">
67     </div>
68 
69 
70 </body>
71 </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)

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

網頁顯示:

　　橫向:

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

　　豎向:

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 HTML基礎 img width height 設置顯示圖片的高度和寬度 ueditor 設置高度height. ue.setHeight(400); 設置寬度 width 在 CSS 中，width 和 height 指的是內容區域的寬度和高度微信小程序，獲取組件的高度width、寬度height、id、left、right、top、bottom等信息 jQuery無法獲取隱藏元素（display:none）寬度(width)和高度(height)的新解決方案 WPF 中如何變相讓 ListBox 寬度（Width） 100%，高度（Height） 100%，從而達到 Filled 的效果 2022-02-28 css如何實現高度（height）跟寬度（width）一致二十一：CSS之盒子模型之寬度width和高度height屬性 [jQuery]無法獲取隱藏元素（display:none）寬度(width)和高度(height)的新解決方案 label和span標簽設置寬度width無效的解決辦法

使用 標簽顯示 flash文件(swf)格式 ,如何設置 width 和 height 寬度,高度.

免責聲明！

使用標簽顯示 flash文件(swf)格式 ,如何設置 width 和 height 寬度,高度.