이미지 특정 부분에 링크 걸기 (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
비디오를 오토플레이로 임베드한 div 를 지정하고 이미지맵을 클릭하면 div 를 동적으로 생성하는 방식인 것같아요. 처음에는 영상이 안보이기를 원하신다면 placeholder 는 지정하지 않으셔도 될 것같고
필요에 따라 모달창같은 형식으로 하셔도 될 것같아요
JW Player 같은걸 이용하면 되겠습니다.
답변을 작성하시기 전에 로그인 해주세요.