본문으로 바로가기

Axure에 동영상 embed 하는 방법을 살펴보겠습니다. 

유튜브, 비메오에 등록 된 동영상 모두 embed 가능하며, 국내 서비스는 테스트 해보진 않았지만 동일한 방식으로 구현 가능할 것으로 생각됩니다. 


Step 1. 인라인 프레임 위젯 드래그

Axure 실행 후 좌측의 위젯 모음에서 인라인 프레임 위젯을 드래그해 적당한 사이즈로 조절합니다.


Step 2. 동영상 사이트(유튜브)에서 iframe 링크 가져오기

유튜브(https://www.youtube.com)에서 원하는 동영상 선택 후 다음 순서에 따라 링크를 복사합니다.

  1. 공유 버튼을 클릭합니다.
  2. 소스 코드를 클릭합니다.
  3. 박스 안의 iframe URL을 모두 복사합니다.

Step 3. 인라인 프레임에 복사 링크 삽입하기

Step 1에서 삽입한 인라인 프레임을 더블 클릭해 아래 빨간색으로 표시한 <iframe></iframe>를 제외한 순수 URL을 붙여넣기합니다.


Step 4. 동영상 연동 미리보기

상단의 Preview 아이콘을 클릭하거나 윈도우 버전에서는 F5, 맥 버전에서는 Command+Shift+P를 클릭해 미리보기 화면을 실행합니다. 정상적으로 작동하는 경우 디자인 요소를 넣어 입맛에 맞게 사용하시면 됩니다. 


현재 포스팅하는 강좌는 Axure RP 8.0 Beta 버전으로 제작되었습니다.

위에 사용 된 예제 파일이 필요하신 분은 댓글창에 이메일 주소를 남겨주세요.


신고
웹기획자 조영수
여행 카테고리 서비스 기획자. 《처음부터 다시 배우는 웹 기획》 저자. 웹기획&AXURE 강사. 웹/모바일 기획자 그룹 운영자.

댓글을 달아 주세요

  1. 2016.02.23 20:33

    비밀댓글입니다