매뉴얼

  •  
  •  매뉴얼 

동영상 블럭 다루기

동영상 요소 블럭은 프레임 안에 동영상을 추가할 수 있는 블럭입니다

[요소블럭 추가] - [동영상] 버튼으로 추가가 가능합니다.


자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

https://builder20.dothome.co.kr/manual/info/137




[동영상 요소블럭 선택 화면]


프레임 박스 안에 있는 추가버튼을 누르면 요소 블럭 선택창이 열립니다.

동영상 블럭을 추가해 주세요.




[동영상 요소블럭 설정 버튼 화면]


동영상 블럭 위에 마우스를 올리면 좌측 상단에 블럭 편집 메뉴가 표시됩니다.

가운데에 있는 [설정(톱니 바퀴)] 버튼을 클릭하여 상세 설정창을 열어줍니다.




[동영상 요소블럭 상세설정창 화면]


동영상 블럭의 상세 설정창은 내용, 레이아웃,  배경애니메이션 네개의 탭메뉴로 구성되어 있습니다.

각 설정 항목에 대해 알아보겠습니다.


[내용]



[동영상 요소블럭 상세설정 - 내용]


항목설명
동영상 주소

유튜브, 비메오 중 선택한 뒤 동영상의 주소를 입력합니다.

동영상 주소 확인 방법 보기>

재생 설정 
  • 자동 재생 : 재생 버튼을 클릭하지 않아도 페이지 진입시 자동으로 재생되도록 합니다.
  • 반복 재생 : 동영상을 종료하지 않고 반복적으로 재생합니다.



[레이아웃]



[동영상 요소블럭 상세설정 - 레이아웃]


항목설명
좌우 여백블럭의 좌우 여백을 설정합니다.
상단 여백블럭 상단의 여백을 설정합니다.
하단 여백블럭 하단의 여백을 설정합니다.



[배경]



[동영상 요소블럭 상세설정 - 배경]


배경블럭에 대한 배경을 설정합니다.
테두리블럭의 테두리 종류, 두께, 색상 등을 설정합니다.



[애니메이션]



[동영상 요소블럭 상세설정 - 애니메이션]


화면에 해당 요소 블럭이 위치한 영역이 보일 때 동작하는 애니메이션을 설정합니다.

효과

애니메이션 효과를 설정합니다.

  • 슬라이드 : 요소 블럭이 보이지 않다가 상/하/좌/우 방향 중 한곳에서 슬라이드 되어 보여집니다.
  • 페이드 : 요소 블럭이 보이지 않다가 점차 또렷해집니다.
  • 확대 : 요소 블럭이 보이지 않다가 확대되었다 다시 원래 크기로 돌아오면서 보여집니다.
  • 플립 : 요소 블럭이 보이지 않다가 위아래 또는 좌우로 뒤집히면서 보여집니다.
  • 회전 : 요소 블럭이 보이지 않다가 한 바퀴 회전하면서 보여집니다.
방향
해당 블럭이 나오고 움직이는 방향을 설정합니다.
지속 시간애니메이션이 동작되는 시간을 설정합니다.
지연 시간요소 블럭이 위치한 영역이 화면에 표시되고 몇 초 뒤에 애니메이션이 동작할 지 설정합니다.
닷홈 홈페이지