上毛印刷株式会社

【JavaScript】Flashをモダンブラウザで表示する

【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で実装してみました。

コピペしてガンガン使ってください!

WEB制作担当ソーヤ

ソーヤ

上毛印刷WEB制作担当
前職は東証プライム企業の本社WEB受託チームにてフロントエンドエンジニアを3年経験。


この記事に対するご意見・ご感想・ご質問等ありましたら、
ぜひ下記フォームにてお送りください。

    お名前必須
    メールアドレス必須
    お問い合わせ内容必須
    PAGE TOP