CSS 필터 비디오이지만 컨트롤이 없습니다.

Question

여기에 표시된 바와 같이 : http://codepen.io/chriscoyier/pen/zbakI CSS 필터를 사용하여 비디오에 필터를 적용 할 수 있습니다.

필터를 정의한 다음 나중에 비디오 요소에 적용 할 때이를 참조하십시오.

var blur_name='the_blur'; 
master_video.style.webkitFilter='url(#'+blur_name+')'; 
master_video.style.mozFilter='url(#'+blur_name+')'; 
master_video.style.filter='url(#'+blur_name+')'; 

var blur_name=''; 
master_video.style.webkitFilter=''; 
master_video.style.mozFilter=''; 
master_video.style.filter=''; 

하지만 필터를 사용하여 비디오 컨트롤을 흐리게 처리하지 않을 수 있습니까?

Answer 1

이렇게하려면 사용자 지정 비디오 컨트롤을 사용해야합니다. 밖에 구현하는 방법을 설명하는 리소스가 많이 있습니다 (예 : this article).

내가 이것을 설명하기 위해 내가 구글에서 발견 바이올린 편집 한

: 나는 비디오 요소에 대한 간단한 filter: blur(4px);을 적용하고

http://fiddle.jshell.net/td8Lao79/

을,하지만 당신은 HTML에 필터를 정의하고 참조 할 수 있습니다 원하는 경우 ID로