Hoe sluit je een SWF-bestand in op een HTML-pagina?
Antwoord 1, autoriteit 100%
De beste manier om een SWF in een HTML-pagina in te sluiten, is door SWFObjectte gebruiken.
Het is een eenvoudige open-source JavaScript-bibliotheek die een gebruiksvriendelijke en standaardvriendelijke methode is om Flash-inhoud in te sluiten.
Het biedt ook Flash Player-versiedetectie. Als de gebruiker niet over de vereiste versie van Flash beschikt of JavaScript heeft uitgeschakeld, krijgt hij alternatieve inhoud te zien. U kunt deze bibliotheek ook gebruiken om een Flash Player-upgrade te activeren. Zodra de gebruiker de upgrade heeft uitgevoerd, wordt hij teruggestuurd naar de pagina.
Een voorbeeld uit de documentatie:
<!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>
Een goed hulpmiddel om hierbij te gebruiken is de SWFObject HTML en JavaScript generator. Het genereert in feite de HTML en JavaScript die u nodig hebt om de Flash in te sluiten met behulp van SWFObject. Wordt geleverd met een zeer eenvoudige gebruikersinterface waarmee u uw parameters kunt invoeren.
Het wordt ten zeerste aanbevolen en is zeer eenvoudig te gebruiken.
Antwoord 2, autoriteit 74%
<object width="100" height="100">
<param name="movie" value="file.swf">
<embed src="file.swf" width="100" height="100">
</embed>
</object>
Antwoord 3, autoriteit 11%
Wat dacht je van een eenvoudige insluiting van HTML5-tags?
<!DOCTYPE html>
<html>
<body>
<embed src="anim.swf">
</body>
</html>
Antwoord 4, autoriteit 7%
Dit is geschikt voor toepassing vanuit de rootomgeving.
<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>
Aanvullende parameters moeten / kunnen worden toegevoegd die afhankelijk is van .Swf het zelf. No Inclusief , Just Object en parameters binnen, dus het blijft overal geldig, werkend en bruikbaar, het maakt niet uit wat! Doctype draait. 🙂
5, Autoriteit 5%
<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>
6
Ik gebruik http://wiltgen.net/Objecty/ , het helpt bij het insluiten van media-inhoud en Vermijd de IE “Klik om het probleem te activeren.
7
Zoals vermeld SWF-object is geweldig. ufo is ook een kijkje waard
8
Deze zal werken, ik ben er zeker van!
<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">
9
Wat is de ‘beste’ manier? Woorden als ‘meest efficiënte’ ‘snelste weergave’, etc. zijn specifieker. Hoe dan ook, ik bied een alternatief antwoord aan dat me het grootste deel van de tijd helpt (al dan niet ‘beste’ is, is irrelevant).
Alternatief antwoord: gebruik een iframe.
Dat wil zeggen, host het SWF-bestand op de server. Als u het SWF-bestand in de map Root of Public_HTML plaatst, bevindt het SWF-bestand zich op www.YourDomain.com/YourFlashFile.swf.
Verwijder vervolgens op uw index.html of waar, de bovenstaande locatie naar uw iframe en deze wordt rond uw inhoud weergegeven, waar u ook uw iframe plaatst. Als u daar een iframe kunt plaatsen, kunt u daar een SWF-bestand plaatsen. Maak de IFRAME-dimensies hetzelfde als uw SWF-bestand. In het onderstaande voorbeeld is het SWF-bestand 500 bij 500.
Pseudo-code:
<iframe src="//www.YourDomain.com/YourFlashFile.swf" width="500" height="500"></iframe>
De linkerhitm-code hierboven zal uw SWF-bestand insluiten. Geen andere puinhoop nodig.
Pluspunten: W3C-compatibele, paginaontwerpvriendelijk, geen snelheidsprobleem, minimalistische aanpak.
Nadelen: White Space rond uw SWF-bestand wanneer u in een browser wordt gelanceerd.
Dat is een alternatief antwoord. Of het nu gaat om het ‘beste’ antwoord is afhankelijk van uw project.
10
Ik weet dat dit een oude vraag is. Maar dit antwoord is goed voor het heden.
<!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="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>
</div>
</body>
</html>
Antwoord 11
Dit werkt op IE, Edge, Firefox, Safari en 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="https://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</object>
12
Dit werkte voor mij:
<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>
13
Gebruik de <embed>element:
<embed src="file.swf" width="854" height="480"></embed>
14
U kunt JavaScript gebruiken als u bekend bent, zoals dat:
swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");
– De 9.0.0 is de Flash-versie.
Of u kunt de <object>TAG van HTML5 gebruiken.