2009-02-01 12 views
2

제 질문은 HTML 및 PURE html과 관련되어 있습니다. 저는 kwick이라는 소셜 네트워크에서 프론트 페이지의 새로운 디자인 작업을하고 있으며, 현재 제가 좋아하는 비디오를위한 공간을 만들고 싶습니다.프레임이 있습니까?

이제 내 문제는 내가 이런 걸 깨닫는다 방법이다 : 나는 지금 그런 내 아이팟 (단지 예를 들어, 그것의 나의 아이팟) http://www.clein-online.de/schmuck_projekte/files/ipod_nano_schutzhuelle.jpg

의 사진을 찍을

를 I 이 그림을 GIF로 생성하고 디스플레이를 잘라 내고 싶다면 그 잘린 영역 뒤에서 embed 플레이어가 완전히 표시되지 않는 방식으로 YouTube 비디오가 표시되어야합니다. 즉, 플레이어가 완전히 거기에 있고, 그러나 그림은 그것에 누워있다.

어떻게 하시겠습니까?

+0

플레이어의 어떤 부분을 숨기시겠습니까? YouTube 사이트의 소스 코드 편집기에서이 부분을 끄는 옵션이있을 수 있습니다. – roborourke

+0

어쩌면 contol 및 타임 라인, 난 단지 화면의 중간에있는 비디오의 시작 부분에있는 재생 버튼이 필요합니다. 그리고, 나는 완전한 ipod-screen을 비디오로 채우고 싶다. 그래서 나는 비디오를 중심으로 20 픽셀의 경계선을 가진 20 픽셀 떨어져있는 dann을 자르는 것을 선호한다. –

답변

1

이미지를 전혀자를 필요가 없습니다. ipod의 전체 그림을위한 충분한 공간을 가진 div를 만들고 CSS를 사용하여 배경 이미지를 만듭니다 (CSS 파일을 직접 추가 할 수없는 경우 인라인 스타일이 될 수 있음).

<div style="background:url(ipod.jpg); width:300px; height:400px;"> 
    <iframe src="..." style="margin: 25px auto 0;" width: 250px; height: 200px;></iframe> 
</div> 

은 아이팟 배경 이미지를 가지고 사업부 내에서의 위치를 ​​당신의 iframe 또는 embed 또는 object에 여백, 너비와 높이를 적용합니다.

iframe을 필요한 크기로 설정하고 필요에 따라 오버플로를 숨길 수는 있지만 iframe을 제어 할 수없는 경우 플래시의 일부를 숨길 수는 없을 것입니다. 소스 코드.

0

가장 큰 장애물은 WMODE = 투명입니다. WMODE를 투명하게 설정하면 항상 다른 콘텐츠 위에 플래시가 나타나는 것을 막을 수 있습니다. 그런 다음 비디오 위에 올바른 위치에 투명도가있는 이미지를 배치하십시오.

플래시 파일을 얼마나 정확하게 포함하고 있는지에 대한 정보가 없으므로 WMODE 설정에 어떤 방법을 사용해야 하는지를 알 수 없습니다. 그냥 인터넷 검색을해라. 그러면 모든 것이 명확해질 것이다.