HTMLページにSWFファイルを埋め込む方法
https://stackoverflow.com/questions/137326
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
SWFファイルをHTMLページに埋め込む方法
解決
SWFをHTMLページに埋め込む最良の方法は、 SWFObject を使用することです。
>これは、Flashコンテンツを埋め込むための使いやすく標準に優しい方法であるシンプルなオープンソースJavaScriptライブラリです。
また、Flashプレーヤーのバージョン検出も提供します。ユーザーに必要なバージョンのFlashがないか、JavaScriptが無効になっている場合、代替コンテンツが表示されます。このライブラリを使用して、Flashプレーヤーのアップグレードをトリガーすることもできます。ユーザーがアップグレードすると、ページにリダイレクトされます。
ドキュメントの例：
<!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>
これとともに使用するのに適したツールは、SWFObject HTMLおよびJavaScript generator 。基本的に、SWFObjectを使用してFlashを埋め込むために必要なHTMLとJavaScriptを生成します。パラメータを入力するための非常にシンプルなUIが付属しています。
これは強く推奨され、非常に簡単に使用できます。
他のヒント
<object width="100" height="100">
<param name="movie" value="file.swf">
<embed src="file.swf" width="100" height="100">
</embed>
</object>
単純なHTML5タグの埋め込みはどうですか？
<!DOCTYPE html>
<html>
<body>
<embed src="anim.swf">
</body>
</html>
これは、ルート環境からのアプリケーションに適しています。
<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>
.swf自体に依存する追加のパラメーターを追加する必要があります。 埋め込みなし、オブジェクトとその中のパラメータのみです。したがって、どこでも有効で、機能し、使用可能です。 ：）
<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>
これらのjsライブラリのいずれかを使用してFlashを挿入する場合は、<noscript/>内にプレーンオブジェクトの埋め込みタグを追加することをお勧めします。
http://wiltgen.net/objecty/ を使用します。メディアコンテンツを埋め込み、 IE <！> quot;クリックしてアクティブ化<！> quot;問題。
前述のように、SWFオブジェクトは素晴らしいです。 UFO も一見の価値があります
これは動作するでしょう、確かです！
<embed src="application.swf" quality="high" pluginspage="http://www.macromedia.com/go/getfashplayer" type="application/x-shockwave-flash" width="690" height="430">
「最良の」方法とは何ですか？ 「最も効率的」、「最速のレンダリング」などの言葉はより具体的です。とにかく、私はほとんどの場合に役立つ代替答えを提供しています（「ベスト」であるかどうかは無関係です）。
別の答え：iframeを使用します。
つまり、サーバーでSWFファイルをホストします。 SWFファイルをルートまたはpublic_htmlフォルダーに配置すると、SWFファイルはwww.YourDomain.com/YourFlashFile.swfに配置されます。
その後、index.htmlまたはどこでも、上記の場所をiframeにリンクすると、iframeを配置した場所のコンテンツの周囲に表示されます。そこにiframeを配置できる場合は、そこにSWFファイルを配置できます。 iframeの寸法をSWFファイルと同じにします。以下の例では、SWFファイルは500 x 500です。
擬似コード：
<iframe src="//www.YourDomain.com/YourFlashFile.swf" width="500" height="500"></iframe>
上記のHTMLコードの行は、SWFファイルを埋め込みます。他の混乱は必要ありません。
長所：W3C準拠、ページデザインフレンドリー、速度の問題なし、最小限のアプローチ。
短所：ブラウザーで起動したときのSWFファイルの周囲の空白。
これは別の答えです。それが「最良」の答えであるかどうかは、プロジェクトによって異なります。
これは古い質問です。しかし、この答えは今のところは良いでしょう。
<!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>
慣れている場合は、JavaScriptを使用できます。
swfobject.embedSWF("filename.swf", "Title", "width", "height", "9.0.0");
-9.0.0はフラッシュバージョンです。
または、HTML5の<object>タグを使用できます。
これは私のために働いた：
<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>
ThiはIE、Edge、Firefox、Safari、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>
