HTML5 배경 비디오 - 다른 내용을 픽셀 화/낟알 무늬로 만듭니다.

HTML5의 비디오 태그를 사용하여 비디오 배경으로 웹 사이트를 만들려고합니다. 나는 또한 jQuery 플러그인 (http://plugins.jquery.com/project/videoBG)을 사용해 보았다. 내가로드하고 제대로 작동하는 비디오를 가지고 있지만, 때마다 다른 콘텐츠가 거칠게/pixelated 나타납니다. 어쨌든 비디오 배경 위에 항목을 배치하고 입자가 거칠거나 픽셀 화되지 않았습니까?HTML5 배경 비디오 - 다른 내용을 픽셀 화/낟알 무늬로 만듭니다.

내가 만든 페이지를 볼 수 있습니다. 코드는 매우 간단하므로 여기에 포함시키지 않겠습니다. 비디오와

: 당신은 로고와 텍스트가 페이지마다 다를 것을 알 수 있습니다,하지만 그들은이 CSS 규칙을 저장 사용하는 http://createinform.com/test3.html

: 비디오없이 http://createinform.com/test4.html . 미리 감사드립니다.

건배, 에반

출처

2011-08-15 Evan Johnson

이 a known issue with Chrome 것 같다. 파이어 폭스 (5.0), IE (9), 오페라 (10)에서 같은 두 페이지를 시도했는데 렌더링의 차이점을 알 수 없었다.

EDIT : Safari (5.0.1/Windows)에서 두 페이지를 사용해 보았는데 렌더링이 더욱 악화되었습니다. 아마도 웹킷 문제 일 것입니다.

출처

2011-08-15 04:21:09 mopsled

네에서 잘 렌더링, 내 연구는 동일한을 보여주는 것으로 보인다. 다른 사람이 약간의 통찰력을 제공하는지보기 위해 조금 기다릴 것입니다. 그렇지 않다면, 나는 당신의 대답을 받아 들일 것입니다. 도와 주셔서 감사합니다! –

일부 Chrome 버그, 로고 이미지가 표시된 것보다 크고 CSS를 통해 축소됩니다. 올바른 크기의 이미지를 사용하면 로고 문제가 제거됩니다.

텍스트 아래 BTW 두 버전 (크롬 14.0.797.0 m)

출처

2011-08-15 09:47:07 Omiod

Chrome에서 두 페이지의 텍스트 렌더링간에 약간의 차이가 있음을 발견했지만 꽤 무시할 수있었습니다. 그러나 Safari에서는 텍스트가 끔찍하게 보입니다 (비디오 페이지 참조). – mopsled

그래, 이미지 스케일링도 비디오 없이는 문제가되지 않습니다. 의견을 보내 주셔서 감사합니다! –

HTML5 배경 비디오 - 다른 내용을 픽셀 화/낟알 무늬로 만듭니다.

답변

관련 문제