Axure에 동영상 embed 하는 방법을 살펴보겠습니다.
유튜브, 비메오에 등록 된 동영상 모두 embed 가능하며, 국내 서비스는 테스트 해보진 않았지만 동일한 방식으로 구현 가능할 것으로 생각됩니다.
- 프로토타입 미리보기 : http://8fo2kn.axshare.com/#c=2
Step 1. 인라인 프레임 위젯 드래그
Axure 실행 후 좌측의 위젯 모음에서 인라인 프레임 위젯을 드래그해 적당한 사이즈로 조절합니다.
Step 2. 동영상 사이트(유튜브)에서 iframe 링크 가져오기
유튜브(https://www.youtube.com)에서 원하는 동영상 선택 후 다음 순서에 따라 링크를 복사합니다.
- 공유 버튼을 클릭합니다.
- 소스 코드를 클릭합니다.
- 박스 안의 iframe URL을 모두 복사합니다.
Step 3. 인라인 프레임에 복사 링크 삽입하기
Step 1에서 삽입한 인라인 프레임을 더블 클릭해 아래 빨간색으로 표시한 <iframe></iframe>를 제외한 순수 URL을 붙여넣기합니다.
Step 4. 동영상 연동 미리보기
상단의 Preview 아이콘을 클릭하거나 윈도우 버전에서는 F5, 맥 버전에서는 Command+Shift+P를 클릭해 미리보기 화면을 실행합니다. 정상적으로 작동하는 경우 디자인 요소를 넣어 입맛에 맞게 사용하시면 됩니다.
현재 포스팅하는 강좌는 Axure RP 8.0 Beta 버전으로 제작되었습니다.
위에 사용 된 예제 파일이 필요하신 분은 댓글창에 이메일 주소를 남겨주세요.
반응형