HTML 페이지 위에 SWF를 포함시키는 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/300200

  •  08-07-2019
  •  | 
  •  

문제

플로팅 비디오 시청 패널과 같이 HTML 페이지 위에 SWF를 포함하고 싶습니다. 브라우저 크기에 따라 크기를 자동으로 조정하는 SWF 파일이 이미 있으며 SWF 파일은 부분적으로 투명합니다. 나는 단지 div 태그를 추가하고 위치를 절대적으로 만들고 z-index를 더 크게 변경할 수 있다고 생각했지만 SWF가 페이지에있는 모든 것을 교체했기 때문에 작동하지 않습니다.

여기 내가 한 일이 있습니다

<script>
      swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0");
</script>

<body bgcolor="#000000">
      <div id="header"></div>
      <div id="shell">
          things in my html
      </div>
</body>

#header {
    position:absolute;
    z-index:100;

}

아이디어가 있습니까? 감사.

도움이 되었습니까?

해결책

크기가 제대로 작동하게되면 설정해야합니다. wmode 에게 투명한 플래시 뒤에 무엇이 있는지 볼 수 있으려면 배경이 아닌 경우 불투명합니다.

이것은 The의 빠른 copypaste입니다 swfobject 문서, 그러나 그것은 다음과 같은 점을 가져야합니다.

<script type="text/javascript">

var flashvars = {};
var params = {wmode : "transparent"};
var attributes = {};

swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0","expressInstall.swf", flashvars, params, attributes);

</script>

다른 팁

이것의 문제는 CSS가 잘 작동하지 않는다는 것입니다. <object /> 태그. 그만큼 swfobject.embedSWF 회전합니다 <div id="header"></div> 에 <object /> CSS에 영향을 줄 수있는 많은 속성으로 태그를 지정하십시오. 헤더 div 주위에 래퍼 div를 만들고 CSS를 래퍼 디바이에 적용하면 모든 것이 더 잘 작동합니다. 또한 CSS에 100% 너비와 높이를 추가해야합니다. 수정 된 출처는 다음과 같습니다.

<script>
    swfobject.embedSWF("swf/float.swf", "header", "100%", "100%", "9.0.0");
</script>

<body bgcolor="#000000">
    <div id="wrapper">
        <div id="header"></div>
        </div>
    <div id="shell">
        things in my html
    </div>
</body>

#wrapper {
    position:absolute;
    z-index:100;
    width:100%;
    height:100%;
}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top