YouTube Video Title

블로그에 유튜브 동영상 삽입 시 타이틀 링크 비활성화하는 방법

블로그에 글을 작성할 때 유튜브를 삽입하는 경우가 많습니다. 유튜브(YouTube) 동영상 페이지에서 “공유” 메뉴를 눌러 iframe 형태로 공유할 경우 아래 그림과 같이 타이틀이 표시되고, 사용자가 타이틀 링크를 클릭하면 동영상 페이지로 이동하게 됩니다.
YouTube Video Title

위의 그림에서 표시된 타이틀 부분(“How to Make a WordPress Website with the Avada Theme“)을 클릭하면 이 동영상에 게재된 Youtube 페이지로 이동하게 됩니다.

이러한 유튜브 제목 링크를 비활성화시키고 싶은 경우 youtube 링크에 다음 코드를 추가하면 됩니다.

?wmode=opaque&rel=0&autoplay=0&loop=1&showinfo=0&modestbranding=1&disablekb=1&controls=1

예를 들어 다음과 같은 형식으로 YouTube 동영상 코드를 삽입할 수 있습니다.

<iframe width="1280" height="720" src="https://www.youtube.com/embed/dmsE_eqnCwQ?wmode=opaque&rel=0&autoplay=0&loop=1&showinfo=0&modestbranding=1&disablekb=1&controls=1" frameborder="0" allowfullscreen></iframe>
// Reference: stackoverflow

그러면 다음과 같이 타이틀 링크가 없이 동영상이 표시됩니다.

참고로 YouTube 동영상을 iframe 형태로 삽입하는 경우 모바일 기기에서는 제대로 표시되지 않을 수 있습니다. 이 경우 이 글을 참고로 YouTube 동영상을 반응형으로 삽입할 수 있습니다.

떠나시기 전에 아무 댓글(Comments)이라도 남겨두세요.
기부를 통해 이 블로그의 운영을 후원하실 수 있습니다.