如何正確地將Flash對象插入到模式HTML對話框中

我有一個頁面，可以在單擊鏈接時顯示的模式下使用。它可以與文本一起工作，但我無法想象一種方式可以使其與衝擊波對象正常工作。當嵌入到代碼中時，flash元素將始終顯示，而不是僅在單擊模式時才顯示。我應該怎麼做才能使閃光燈一開始就隱藏起來，只顯示在單擊鏈接後顯示的模式窗口內？如何正確地將Flash對象插入到模式HTML對話框中

這裏是德HTML摘錄：

<!doctype html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
    <title>MODAL</title> 
    <meta name="description" content="responsive layout demos"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" media="screen" href="css/left-fluid.css"> 

    <!--[if lt IE 9]> 
     <script src="js/html5shiv.min.js"></script> 
     <script src="js/respond.min.js"></script> 
    <![endif]--> 
    <script type="text/javascript" src="js/jquery.min.js"></script> 
    </head> 

    <body> 
    <header></header> 

    <div class="columns-container"> 

     <div class="left-column"> 

     <div id="modal-window"> 
      <a href="#openModal" class="botao"><h3 class="botao"><i class="fa fa-plus-circle" aria-hidden="true"></i>&nbsp; click here to see the modal with flash</h3></a> 
     </div> 

      <div id="openModal" class="modalDialog"> 
       <div> 
       <a href="#close" title="Close" class="close">X</a> 
       <P>THIS IS SHOWN IN THE MODAL</P> 
       <!--THIS IS NOT -> --><embed width="500" height="300" src="flash/stuff.swf"> 
       </div> 
     </div> 
    </body> 
</html>

這是CSS：

type="application/x-shockwave-flash" 
 
     pluginspage="http://www.macromedia.com/go/getflashplayer"

：

.modalDialog { 
    position: fixed; 
    font-family: Arial, Helvetica, sans-serif; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    background: rgba(0, 0, 0, 0.8); 
    z-index: 99999; 
    opacity:0; 
    -webkit-transition: opacity 400ms ease-in; 
    -moz-transition: opacity 400ms ease-in; 
    transition: opacity 400ms ease-in; 
    pointer-events: none; 
    } 

.modalDialog:target { 
    opacity:1; 
    pointer-events: auto; 
    } 

.modalDialog > div { 
    width: 600px; 
    position: relative; 
    margin: 3% auto; 
    padding: 5px 20px 13px 20px; 
    border-radius: 10px; 
    background: #eee; 
    } 

.close { 
    background: #606061; 
    color: #FFFFFF; 
    line-height: 25px; 
    position: absolute; 
    right: -12px; 
    text-align: center; 
    top: -10px; 
    width: 24px; 
    text-decoration: none; 
    font-weight: bold; 
    -webkit-border-radius: 12px; 
    -moz-border-radius: 12px; 
    border-radius: 12px; 
    } 

.close:hover { 
    background: #00d9ff; 
    }

來源

2016-12-27 Fabio Romeo

僅供參考Flash不會在大量的設備，現在運行。你最好將該文件轉換爲html5。 – mlegg

我很想去那樣做，但我做不到。此外，此代碼將運行在已知瀏覽器的專用網絡中，這些瀏覽器只能在Intranet上運行，所以現在不存在問題。 –

你測試過哪些瀏覽器？所有相同的結果？如果在'<！ - THIS IS NOT - > - >'部分，您使用指向swf的html容器/嵌入器的** i-frame **，會發生什麼？使用** innerHTML **來更新打開的模式窗口幫助嗎？作爲最終解決方案，快速測試不同的燈箱工具，以確保您的當前代碼... –

在 <embed width="500" height="300" src="flash/stuff.swf">代碼

在年底前>添加此

你有2個未封閉<div>標籤，添加</div>下每一種<div class="columns-container">和<div class="left-column">

來源

2016-12-27 22:44:59 mlegg

這非常接近，適用於Chrome和Edge，但不適用於Firefox。該對象即使在模態關閉的情況下也顯示出來，爲什麼？ –

我不確定，因爲我主要使用Firefox，你有Firefox的Flash插件嗎？ https://support.mozilla.org/en-US/kb/install-flash-plugin-view-videos-animations-games – mlegg

是的，該對象正常工作...除了它不像其他的模式隱藏瀏覽器。 –

如何正確地將Flash對象插入到模式HTML對話框中

回答

相關問題