Come incorporare un file SWF in una pagina HTML?
https://stackoverflow.com/questions/137326
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianDomanda
Come si fa a incorporare un file SWF in una pagina HTML?
Soluzione
L'approccio migliore per incorporare un file SWF in una pagina HTML consiste nell'utilizzare SWFObject .
È una semplice libreria JavaScript open source che è un metodo facile da usare e conforme agli standard per incorporare il contenuto Flash.
Offre anche il rilevamento della versione di Flash Player. Se l'utente non ha la versione di Flash richiesta o JavaScript è disabilitato, vedrà un contenuto alternativo. Puoi anche utilizzare questa libreria per attivare un aggiornamento di Flash Player. Una volta eseguito l'aggiornamento, l'utente verrà reindirizzato alla pagina.
Un esempio dalla documentazione:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>SWFObject dynamic embed - step 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>
</head>
<body>
<div id="myContent">
<p>Alternative content</p>
</div>
</body>
</html>
Un buon strumento da utilizzare insieme a questo è SWFObject HTML e JavaScript generator . Generalmente genera l'HTML e JavaScript necessari per incorporare Flash usando SWFObject. Viene fornito con un'interfaccia utente molto semplice per inserire i parametri.
È altamente raccomandato e molto semplice da usare.
Altri suggerimenti
<object width="100" height="100">
<param name="movie" value="file.swf">
<embed src="file.swf" width="100" height="100">
</embed>
</object>
Che ne dici di un semplice tag HTML5 incorporato?
<!DOCTYPE html>
<html>
<body>
<embed src="anim.swf">
</body>
</html>
Questo è adatto per l'applicazione dall'ambiente root.
<object type="application/x-shockwave-flash" data="/dir/application.swf"
id="applicationID" style="margin:0 10px;width:auto;height:auto;">
<param name="movie" value="/dir/application.swf" />
<param name="wmode" value="transparent" /> <!-- Or opaque, etc. -->
<!-- ↓ Required paramter or not, depends on application -->
<param name="FlashVars" value="" />
<param name="quality" value="high" />
<param name="menu" value="false" />
</object>
È necessario aggiungere / aggiungere parametri aggiuntivi che dipendono da .swf stesso. Nessun incorporamento , solo oggetto e parametri all'interno, quindi rimane valido, funzionante e utilizzabile ovunque, non importa in che cosa sia! DOCTYPE. :)
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01"
style="width:640px;height:480px;margin:10px 36px;">
<param name="movie" value="http://www.youtube.com/v/VhtIydTmOVU&hl=en&fs=1&color1=0xe1600f&color2=0xfebd01" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="opaque" />
<param name="quality" value="high" />
<param name="menu" value="false" />
</object>
Se stai usando una di quelle librerie js per inserire Flash, ti suggerisco di aggiungere un semplice tag di incorporamento di oggetti all'interno di <noscript/>.
Uso http://wiltgen.net/objecty/ , aiuta a incorporare contenuti multimediali e evitare la quotazione IE &; fare clic per attivare " problema.
Come accennato, l'oggetto SWF è fantastico. UFO merita una visita pure
Questo funzionerà, ne sono sicuro!
<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">
Che cos'è il 'migliore' modo?Parole come 'più efficiente,' 'più veloce il rendering, etc.sono più specifiche.Comunque, sto offrendo una risposta alternativa che mi aiuta la maggior parte del tempo (anche se non è 'migliore' è irrilevante).
Alternativo risposta:Utilizzare un iframe.
Che è, ospitiamo il file SWF sul server.Se hai messo il file SWF nella root o cartella public_html quindi il file SWF, e ' situato al www.YourDomain.com/YourFlashFile.swf.
Poi, sul tuo index.html o dovunque, link di cui sopra posizione all'iframe e verrà visualizzata intorno ai tuoi contenuti ovunque tu metti la tua iframe.Se si può mettere un iframe lì, si può mettere un file SWF c'.Fare l'iframe dimensioni lo stesso del file SWF.Nell'esempio riportato di seguito, il file SWF si trova a 500 da 500.
Pseudo codice:
<iframe src="//www.YourDomain.com/YourFlashFile.swf" width="500" height="500"></iframe>
La riga di codice HTML sopra incorporare il file SWF.Nessun altro pasticcio necessario.Pro:Conforme agli standard W3C, design della pagina friendly, nessun problema di velocità, approccio minimalista.
Contro:Lo spazio bianco intorno al tuo file SWF quando lanciato in un browser.
Che è un alternativa di risposta.Se è la migliore risposta dipende dal tuo progetto.
So che questa è una vecchia domanda. Ma questa risposta andrà bene per il momento.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>histo2</title>
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffff99;}
body { margin:0; padding:0; overflow:hidden; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id="flashContent">
<object type="application/x-shockwave-flash" data="histo2.swf" width="822" height="550" id="histo2" style="float: none; vertical-align:middle">
<param name="movie" value="histo2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffff99" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>
</div>
</body>
</html>
Puoi usare JavaScript se hai familiarità, in questo modo:
swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");
- 9.0.0 è la versione flash.
Oppure puoi utilizzare il <object> tag di HTML5.
Questo ha funzionato per me:
<a target="_blank" href="{{ entity.link }}">
<object type="application/x-shockwave-flash" data="{{ entity.file.path }}?clickTAG={{ entity.link }}" width="120" height="600" style="visibility: visible;">
<param name="quality" value="high">
<param name="play" value="true">
<param name="LOOP" value="false">
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="true">
</object>
</a>
Funziona su IE, Edge, Firefox, Safari e Chrome.
<object type="application/x-shockwave-flash" data="movie.swf" width="720" height="480">
<param name="movie" value="movie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>
