HTML 페이지에 SWF 파일을 포함하는 방법은 무엇입니까?
문제
HTML 페이지에 SWF 파일을 어떻게 포함합니까?
해결책
SWF를 HTML 페이지에 포함시키는 가장 좋은 방법은 사용하는 것입니다. swfobject.
플래시 컨텐츠를 포함시키기위한 사용하기 쉽고 표준 친화적 인 방법 인 간단한 오픈 소스 JavaScript 라이브러리입니다.
또한 플래시 플레이어 버전 감지를 제공합니다. 사용자에게 Flash 버전이 필요하지 않거나 JavaScript가 비활성화 된 경우 대체 콘텐츠가 표시됩니다. 이 라이브러리를 사용하여 플래시 플레이어 업그레이드를 트리거 할 수도 있습니다. 사용자가 업그레이드되면 페이지로 다시 리디렉션됩니다.
문서의 예 :
<!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입니다. 발전기. 기본적으로 SWFOBJECT를 사용하여 플래시를 포함시키는 데 필요한 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 it self에 따라 달라질 수 있어야합니다. 내장이 없습니다, 단지 물체 그리고 내부의 매개 변수는 모든 곳에서 유효하고 작동하며 사용할 수있는 상태로 유지되며, 어느 쪽이 중요하지 않습니다! DocType가 전부인지는 중요하지 않습니다. :)
<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 라이브러 중 하나를 사용하여 플래시를 삽입하는 경우 <noscript/>
.
나는 사용한다 http://wiltgen.net/objecty/, 미디어 컨텐츠를 포함시키고 IE "클릭하여 활성화"문제를 피하는 데 도움이됩니다.
언급했듯이 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은 플래시 버전입니다.
또는 사용할 수 있습니다 <object>
html5의 태그.
이것은 나를 위해 효과가있었습니다.
<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>