重新調整閃光燈對象無法正常工作

我正在處理閃光燈庫和此圖庫我希望視頻具有一定的尺寸。當我第一次開始研究它時，閃光燈只會非常小，並且不能正確定型。昨晚我得到了正確的大小，但無論出於何種原因，它似乎佔用了整個身體標記，並將所有其他元素推送到html元素中。作爲一個例子，我把一個h1標籤顯示它是如何做到這一點的。我使用swffit和swfobject來使閃光燈工作，但我幾乎積極地認爲問題在於swffit或者甚至是我的代碼。我開始做一個這個jsfiddle的例子，但它很費勁地與我試圖放入它的任何flash對象。任何幫助，將不勝感激。重新調整閃光燈對象無法正常工作

SwfObject的：https://github.com/swfobject/swfobject.git

SWFFIT：http://swffit.millermedeiros.com/

HTML和JavaScript

<!doctype html> 

<html lang="en"> 

<head> 
    <meta charset="utf-8"> 

    <title>Flash Test</title> 
    <meta name="description" content="Flash stuff"> 
    <meta name="author" content="SitePoint"> 

    <link rel="stylesheet" href="styles/style.css"> 
    <script src="js/swfobject.js"></script> 
    <script src="js/swffit.js"></script> 

    <script type="text/javascript"> 
     var height = window.innerHeight - 160; 
     var width = window.innerWidth - 140; 
     if ((height * 1.375) < width) { 
      width = height * 1.375; 
     } else { 
      height = width/1.375; 
     } 
    </script> 

    <script type="text/javascript"> 
     var flashvars = {}, 
      //params = {wmode:"transparent"}, 
      params = {}, 
      attributes = {}; 
     swfobject.embedSWF("swfs/scoob.swf", "moviefun", width -140, height -160, "9.0.0", "js/swfobject.js", flashvars, params, attributes); 
     swffit.fit("moviefun", "1", "1", width, height, true, false); 
    </script> 

</head> 

<body> 
    <script type="text/javascript"> 
     window.onresize = doResize; 

     function doResize() { 
      height = window.innerHeight - 160; 
      width = window.innerWidth - 140; 
      if ((height * 0.7175) < width) { 
       width = height * 0.7175; 
      } else { 
       height = width/0.7175; 
      }; 
      swffit.fit("moviefun", "1", "1", width, height, true, false) 
     } 
    </script> 
    <div> 
     <h1 id="mainText">Hey there</h1> 
     <div id="moviefun">It didn't work prob bc of internet explorer... if not though can't help ya......</div> 
    </div> 
    <script src="scripts.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
</body> 

</html>

CSS

body { 
    background-color: red; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #FFFFFF; 
    font-size: 10px; 
} 

#moviefun { 
    position: absolute; 
    top: 0px; 
    left: 70px; 
    background-color: red; 
} 

#mainText { 
    background: yellow; 
}

這是問題的圖像同在一處小比它應該要繼續推動一切到HTML TAG

https://i.gyazo.com/6fc868e77cb8ddbb0f5e477f1b2caf17.png

來源

2016-03-12 cosmichero2025