전체 화면 가로 웹보기의 Vimeo 비디오
전체 화면 가로 활동에서 Vimeo 비디오를 올바르게 표시하려고합니다. 동영상의 상단과 하단에 "이상한"흰색 여백이 있습니다.
다음은 웹보기 설정입니다.
webView.getSettings().setJavaScriptEnabled(true);
webView.getSettings().setAllowFileAccess(true);
webView.getSettings().setPluginState(WebSettings.PluginState.ON);
webView.getSettings().setPluginState(WebSettings.PluginState.ON_DEMAND);
webView.setWebViewClient(new WebViewClient());
webView.setWebChromeClient(new WebChromeClient());
webView.getSettings().setLoadWithOverviewMode(true);
webView.getSettings().setUseWideViewPort(true);
나는 주사한다 :
webView.loadDataWithBaseURL("https://vimeo.com", html, "text/html", "UTF-8", null);
그리고 이것은 HTML입니다.
<html>
<head>
<meta http-equiv="Content-Security-Policy"
content="default-src * gap:; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src *; img-src * data: blob: android-webview-video-poster:; style-src * 'unsafe-inline';">
</head>
<body style="margin: 0; padding: 0">
<iframe src="https://player.vimeo.com/video/445319847" webkitallowfullscreen mozallowfullscreen allowfullscreen
width="100%" height="100%" margin="0" padding="0" marginwidth="0" marginheight="0" hspace="0" vspace="0" ,
frameborder="0" scrolling="no">
</iframe>
</body>
</html>
이 콘솔 로그를 읽고 메타 콘텐츠를 추가했습니다.
"이미지 'android-webview-video-poster : default_video_poster / 5386880230549634306'은 콘텐츠 보안 정책 지침 'img-src'self '데이터를 위반했기 때문에로드를 거부했습니다. https://i.vimeocdn.com https://secure-b.vimeocdn.com https://f.vimeocdn.com https://vimeo.com https://secure.gravatar.com https://i0.wp.com https://i1.wp.com https://i2.wp.com https://pagead2.googlesyndication.com https://player.vimeo.comhttps : // .ci.vimeows.com https://f.vimeocdn.com ".", 출처 :https://player.vimeo.com/video/445319847 (0) *
그리고이 답변에 착수합니다 . BTW 경고가 사라지지 않고 수정이 작동하지 않는 것 같습니다. 어떤 아이디어? 감사합니다.
편집 : 플레이어를 전체 화면으로 정확하게 표시 할 수없는 경우 어떻게 공백을 예를 들어 검정색으로 채울 수 있습니까?
답변
여기서 이상한 것은 없습니다. 화면 크기로 그려지는 ( html 여백, 패딩 등 없음 iframe)을 채우고 있습니다 . 전체 화면, 또한 상태 표시 줄 아래에 있으므로 흰색 여백이 동일하지 않습니다 ( attr을 사용하고 있을 것입니다).WebViewwidth="100%" height="100%"fitsSystemWindows
iframe웹 페이지를로드하고 있으며이 src="https://player.vimeo.com/video/445319847"페이지에는 프레임 (이 경우 너비에 맞추기)을 수행하려고하지만 화면 비율과 중앙 플레이어 자체를 유지하는 플레이어가 포함되어 있습니다.
수정 : 일부 네이티브 플레이어 ( ExoPlayer 권장 )를 만들고 직접 비디오 파일 링크를로드합니다. 여기 에서 mp4 링크를 추출하는 방법의 예