【JavaScript】Flashをモダンブラウザで表示する
2024年12月17日
WEBサイト制作
- #HTML
- #JavaScript
- #tips
こんにちは!
上毛印刷WEB制作担当のソーヤです。
2010年、かの有名なスティーブ・ジョブズが「Adobe Flashは、今後サポートしない」と宣言。
それ以降、Adobe Flashは下火になり、モダンブラウザでは軒並みサポートを打ち切られました。
しかし、未だにAdobe Flashを掲載しているWEBサイトをちょこちょこ見かけます。
もちろんサポートされていないので、「Adobe Flash Playerのサポートは終了しました。」の文字と共にジグソーパズルのようなアイコンが表示され続ける状態になっています。
そんな状態をすぐにでも応急処置的に直したい!
そんなときにこの「swf2js」が役立ちます!
◆公式サイト(別タブで開きます)
https://swf2js.com/
実装例
HTML例
まず、下記jsファイルを<head>内に記述します。
<script src="./swf2js.js"></script>
そうしたら下記を表示させたい箇所に記述します。
<div id="container" style="width:100%; height:300px;"></div>
JavaScript例
swf2js.load("★flashファイルのパスを記述★", {"tagId": "container"});
まとめ
今回もjQueryではなく、Vanilla.jsで実装してみました。
コピペしてガンガン使ってください!
この記事に対するご意見・ご感想・ご質問等ありましたら、
ぜひ下記フォームにてお送りください。