Sposób osadzania plików swf (Flash)

Flash był powszechnie używany do tworzenia animacji, gier, aplikacji i multimediów na stronach internetowych, ale jego popularność znacznie spadła z powodu kwestii bezpieczeństwa i wydajności, a także rosnącej popularności HTML5 i JavaScript.

Adobe Flash Player oficjalnie przestał być wspierany 31 grudnia 2020 roku. Od tego momentu Adobe zalecało użytkownikom odinstalowanie Flash Playera ze swoich systemów ze względu na potencjalne zagrożenia bezpieczeństwa i brak dalszych aktualizacji. Dodatkowo, większość głównych przeglądarek internetowych, takich jak Google Chrome, Mozilla Firefox, Microsoft Edge, i Apple Safari, zakończyła wsparcie dla Flash Playera wokół tej samej daty lub nawet wcześniej.

W związku z tym, od początku 2021 roku Flash Player nie jest już wspierany ani aktywnie wykorzystywany w nowoczesnym internecie. Użytkownicy i deweloperzy stron internetowych przeszli na inne technologie, takie jak HTML5, CSS3 i JavaScript, aby tworzyć interaktywne i animowane treści w sieci.

1) Osadzenie flash jako embed

Wyświetlenie treści alternatywnej gdy nie ma flashplayer

Desktop:

Mobile:

2) Osadzenie flash jako object
Wyświetlenie treści alternatywnej (gdy nie ma flashplayer)

</object>

Desktop:

Mobile:

3) Osadzenie flash natywnym javascript
Wyświetlenie treści o braku aktywnej wtyczki flashplayer (gdy nie ma flashplayer)

<head>

function isFlashEnabled() {

var hasFlash = false;

try {

hasFlash = Boolean(new ActiveXObject('ShockwaveFlash.ShockwaveFlash'));

} catch(exception) {

hasFlash = ('undefined' != typeof navigator.mimeTypes['application/x-shockwave-flash']);

}

return hasFlash;

}

window.onload = function() {

if(!isFlashEnabled()) {

document.getElementById('flash-message').style.display = 'block';

}

};

</script>

</head>

<body>

<p>To view this content, you need a browser with Flash support and it must be enabled.</p>

</object>

<p>Flash Player is not detected. <a href="https://get.adobe.com/flashplayer/" target="_blank">Click here</a> to download and install it.</p>

</div>

</body>

Desktop:

Mobile:

4) Osadzenie flash za pomocą biblioteki swfobject.js (javascript)
Wyświetlenie treści alternatywnej gdy nie ma flashplayer

<head>
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript">swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");</script>
</head>
<body>
<object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="140">
<param name="movie" value="test.swf" />
<h1>Alternative content</h1>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
</object>
</body>

Desktop:

Mobile:

Dział:

datatype="">Artykuły/porady

Jesteś tutaj

Sposób osadzania plików swf (Flash)