안드로이드 모바일에서 회색 상자가 보이는 Videojs

나는 videojs의 최신 버전을 가지고 있습니다. Android 태블릿 및 모바일에서만 재생 및 전체 화면 버튼이 있어야하는 회색 상자가 표시됩니다. 동일한 기기에있는 YouTube와 같은 다른 동영상 사이트에 제대로 표시됩니다. 나는 그것이 자신의 inbuilt 컨트롤 장치라고 생각합니다. 올바른 아이콘을 찾기 위해 회색 상자를 교체하는 방법을 알려주시겠습니까?안드로이드 모바일에서 회색 상자가 보이는 Videojs

출처

2013-06-27 Andrew Junior Howard

최신 버전의 VideoJS의 아이콘이 @ font-face 규칙을 사용하여로드 된 아이콘 글꼴 내에 포함됩니다.이 아이콘은 이미지 스프라이트로 사용됩니다. 당신의 videoJS에서

@font-face{ 
    font-family: 'VideoJS'; 
    src: url('font/vjs.eot'); 
    src: url('font/vjs.eot?#iefix') format('embedded-opentype'), 
    url('font/vjs.woff') format('woff'), 
    url('font/vjs.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

변경 위의 CSS에 :

@font-face{ 
    font-family: 'VideoJS'; 
    src: url('font/vjs.eot?#iefix') format('embedded-opentype'), 
    url('font/vjs.woff') format('woff'), 
    url('font/vjs.ttf') format('truetype'); 
    font-weight: normal; 
    font-style: normal; 
}

이 글꼴이로드되지

이유는 모두가 [VideoJS] 사용하는 구문을하는 것입니다 그러나 다른 구문은 IE7과 IE8에서 작동하지 않을 것입니다. 당신이 <을 지원하는 IE9이 필요하면 내가이 규칙에로드 할 조건로드 CSS 파일을 사용하는 것이 좋습니다 :

@font-face { 
    font-family: 'VideoJS'; 
    src: url('font/vjs.eot'); 
}

자세한 내용은이 블로그 게시물에서 찾을 수 있습니다 http://www.mcnab.co/blog/general/font-face-on-android/ 및 http://www.mcnab.co/blog/general/font-face-on-android/

출처

2013-07-15 08:53:49

안드로이드 모바일에서 회색 상자가 보이는 Videojs

답변

관련 문제