リプタクのもう覚えられません
Google
Web サイト内
topmemo ▶ Flash(swf)ファイルを組み込む方法その3

HTML

Flash(swf)ファイルを組み込む方法その3

XHTML 1.0 Strictとswfobject.js v2.1を組み合わせてswfファイルを縦横100%で埋め込む方法


<HTMLソースサンプル>

<!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="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><!--文字コード-->
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>タイトル</title><!--タイトル-->
<style type="text/css">
<!--
html, body { 
overflow: hidden;
}
body {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
-->
</style>
</head>
<body>
<div id="mycontent"> 
<p>Flashコンテンツが表示できませんでした</p><!--代替コンテンツ-->
</div>
<script type="text/javascript" src="swfobject.js"></script><!--swfobject.jsパス-->
<script type="text/javascript">
var flashvars = {};
var params = {};
params.bgcolor = "";<!--Flash背景色を使用 ※変更例"#FFFFFF"-->
params.allowfullscreen = "false";<!--フルスクリーン許可しない ※許可"true"-->
var attributes = {};
swfobject.embedSWF("index.swf", "mycontent", "100%", "100%", "9.0.0", false, flashvars, params, attributes);<!--○○○.swf-->
</script>
</body>
</html>

サンプルを見る
サンプルをダウンロード(zipファイル)

last update 2009.3.14
参考・出典等
nondelion.com - 続・swfobject で flash を Window 内に全画面表示
八角研究所 : FlashをHTMLに貼るライブラリ swfobject 2 を使う

▲page top

topmemoblogtestaboutmail
Copylight(C)2008 Riptac. All Rights Reserved.