>웹 프론트엔드 >HTML 튜토리얼 >HTML에 내장된 플래시 HTML 웹페이지 코드에 플래시 파일을 삽입하는 솔루션(2부)_HTML/Xhtml_웹페이지 제작

HTML에 내장된 플래시 HTML 웹페이지 코드에 플래시 파일을 삽입하는 솔루션(2부)_HTML/Xhtml_웹페이지 제작

WBOY
WBOY원래의
2016-05-16 16:40:321511검색

SWFObject V1.5의 사용과정에 대해서는 앞선 에서 소개를 마치겠습니다. 이제 V2를 알게 된다면 SWFObject V2.1을 안내해 드리겠습니다. 1 이전 버전이었다면 "HTML DOM 로드를 기다리는 중" 문제가 발생하지 않을 수도 있습니다.
먼저 V2.1 구문 호출 예제에 대해 간략하게 소개하겠습니다.


코드 복사 코드는 다음과 같습니다.

< script type="text/javascript"> ;
//1. Json을 사용하여 변수, 매개변수 및 속성을 초기화합니다.
var flashvars = {
name1: "hello",
name2: "world ",
name3: "foobar"
};
var params = {
menu: "false"
};
var attribute = {
id: "dynamicContent2" ,
이름: "dynamicContent2"
};
swfobject.embedSWF("test6_flashvars.swf", "content2", "300", "120", "6.0.0", "expressInstall.swf" , flashvars, params, attribute);
//2. 기존 초기화 설정, 효과는 동일합니다.
var flashvars = {};
flashvars.name1 = "hello";
flashvars.name2 = "world";
flashvars.name3 = " foobar";
var params = {};
params.menu = "false";
var 속성 = {};
속성. id = "dynamicContent3";
attribute.name = "dynamicContent3";
swfobject.embedSWF("test6_flashvars.swf", "content3", "300", "120", "6.0.0",
"expressInstall.swf", flashvars, params, attribute) ;
///3. 엉성하지 않고 간결하고 강력하게 한 문장만 뒤에 직접 작성하세요.
swfobject.embedSWF("test6_flashvars.swf ", "content5", "300", "120",
"6.0.0", "expressInstall.swf", {name1:"hello",name2:"world",name3:"foobar"}, { menu:"false"}, {id:"dynamicContent5",name:"dynamicContent5"});


개인적으로는 위의 세 번째 작성 방법을 선호합니다. 아래에서 언급하겠지만 HTML 코드에 Flash를 삽입했습니다. 파일의 최종 해결책은 swfobject.embedSWF()를 호출하는 세 번째 스타일을 채택하는 것입니다. V2.1 버전의 스타일은 최신 JS 스타일과 매우 일치하며 코드가 더욱 간결해 보입니다.

이전 기사에서 채택한 솔루션은 대부분의 요구를 충족할 수 있는 것으로 보이며 호환성도 괜찮은 것 같습니다. 대부분의 친구의 요구를 충족할 수 있어야 하며 괜찮은 솔루션이 아닐 수도 있습니다. . 그런데 제가 발견한 비교적 극단적인 상황은

코드 복사코드는 다음과 같습니다.
new SWFObject("http://www.pec365.com/Flash/20071113.swf", "mymovie", "304", "367", "7", "#FFFFFF");

수신되는 플래시 파일의 주소가 틀리거나 플래시 파일이 서버에서 삭제된 경우 가장 보기 싫은 상황이 발생하게 됩니다. 예
다음과 같습니다.


코드 복사코드는 다음과 같습니다.

DEMO

< / head>









이 코드를 직접 실행해 보시는 것이 좋습니다. 초보자인 경우 이전 글에서 소개한 단계를 참조하여 이 코드를 실행하고 "재난"이 닥쳐오는 것을 실감해 보세요.

예, 페이지가 비어 있는 것을 볼 수 있으며, 플래시를 표시할 수 없을 때 백업을 대체하는 데 원래 사용되었던 이미지도 어디로 갔습니까? 디버깅 후, 들어오는 플래시 파일 주소가 틀리더라도 잘못된 태그가 생성되고
[… ]
는 그 안에 있는 콘텐츠로 대체되므로 표시되는 내용은 높이와 너비가 각각 304px 및 367px인 빈 영역을 형성합니다. (Flash Player가 설치된 경우 왼쪽 상단에서 마우스 오른쪽 버튼을 클릭하세요. 화면 구석에서 당신에게 뭔가가 발견될 것입니다) 그래서 악몽이 찾아옵니다.

이 악몽 같은 결과를 해결하기 위해 먼저, 들어오는 플래시 파일 주소를 기반으로 파일이 실제로 서버에 존재하는지 확인하십시오. 파일이 존재하면 swfobject.embedSWF() 메서드를 실행합니다. 구체적인 아이디어는 XMLHttpRequest 객체를 사용하여 GET/HEAD를 통해 서버를 요청한 다음 xmlHttp.status == 200 || xmlHttp.status == 302를 확인하는 것입니다. 파일 기반으로 존재하지만 이 방법에는 여전히 특정 결함이 있는 것으로 보이며 아직 개선할 수 없습니다. 최종 해결 방법의 예는 다음과 같습니다.

코드 복사
코드는 다음과 같습니다.


DEMO
< head>
< script 언어="javascript" type="text/javascript" src="JavaScript/swfobject.js">




< ;div id="flashcontent">

Adobe Flash 플레이어 다운로드

< /form>




와, 이 두 개의 텍스트를 처리하는 데 몇 시간이 걸렸습니다. 그리고 실수로 끝까지 회사에 있었는데 22시가 되었는데 경비들이 사람들을 쫓아내러 왔어요. 빨리 끝내고 싶어서 내일 회사에 시간 나면 문자를 새겨 놓겠습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:IE 태그 LI text_HTML/Xhtml_Web 페이지 제작 줄 바꿈 문제에 대해다음 기사:IE 태그 LI text_HTML/Xhtml_Web 페이지 제작 줄 바꿈 문제에 대해

관련 기사

더보기