채택완료
이미지 특정 부분에 링크 걸기 (img map)를 응용하여 영상플레이 가능할지?
기본적인 이미지 맵 클릭시 특정 url로 넘어가는데요..
<img src="/images/stone.png" usemap="#stone">
<map name="stone">
<area shape="rect" coords="176,384,427,478" href="http://naver.com" />
</map>
위 위치 돌멩이를 누르면 영상이 플레이 되도록
<embed> <object> 이런 코드와 결합해서 쓸 수 없을까요?
|
답변 2개
채택된 답변
+20 포인트
janedoe
2018-03-08 (목) 13:21:36
비디오를 오토플레이로 임베드한 div 를 지정하고 이미지맵을 클릭하면 div 를 동적으로 생성하는 방식인 것같아요. 처음에는 영상이 안보이기를 원하신다면 placeholder 는 지정하지 않으셔도 될 것같고
필요에 따라 모달창같은 형식으로 하셔도 될 것같아요
devdev
2018-03-08 (목) 09:03:08
JW Player 같은걸 이용하면 되겠습니다.
답변을 작성하려면 로그인이 필요합니다.