HTML5 비디오 플레이어에 하이퍼 링크 포함하기

HTML5 비디오 플레이어에서 HTML 하이퍼 링크 (브라우저에서 자바 스크립트가 꺼져있을 때 읽을 수 있음)를 삽입 할 수 있습니까?HTML5 비디오 플레이어에 하이퍼 링크 포함하기

비디오 뮤싱 CSS 내의 임베디드 링크 또는 제목 표시 줄의 링크일까요?

감사

2010-05-07 Sattvic

은 아마도, 당신은 뭔가를 찾고 :

<!DOCTYPE html> 
<html> 
<head> 
</head> 
<body> 
<video controls='true'> 
<source src='video.ogv' type='video/ogg'> 
<a href='http://www.google.com'> test link</a> 
</video> 
</body> 
</html>

불행하게도, 이것은 당신이 기대 꽤 식으로 작동하지 않습니다. Per W3C :

콘텐츠는 동영상 요소 내에 제공 될 수 있습니다. 사용자 에이전트는 이 콘텐츠를 사용자에게 표시하면 안됩니다. 레거시 비디오 플러그인을 시도 할 수 있습니다, 또는 어떻게 액세스 비디오 콘텐츠의를 알리는 이러한 이전 브라우저의 사용자에게 텍스트를 표시 할 수 있도록 비디오를 지원하지 않는 이전 웹 브라우저 을위한 것입니다.

따라서 콘텐츠 (예제의 태그)는 일반적인 페일 오버가 아닙니다. 이는 레거시 브라우저에만 해당됩니다. 재생 오류를보다 정상적으로 처리하려면 you'll need to have JavaScript enabled and running on the page.

신속하고 더러운 솔루션 즉, 텍스트 방향으로 CSS 배경을 추가 할 수 있습니다 :

<video controls='true' style="background-image:url(image.png);width:420px;height:300px"> 
<source src='video.ogv' type='video/ogg'> 
<a href='http://www.google.com'> test link</a> 
</video>

불행하게도, 태그와 전체를 포장하는이 연결 가능하지 않습니다 - 당신은 여전히 좋겠 자바 스크립트가 활성화 된 onclick 함수를 사용해야합니다.

희망 하시겠습니까?

보다도,

자크

개발자

, 롱테일 비디오

출처

2010-05-13 16:29:18

HTML5 비디오 플레이어에 하이퍼 링크 포함하기

답변

관련 문제