首页 > 解决方案 > 在 Android 应用程序中嵌入 YouTube 直播

问题描述

我在我的 android 应用程序中使用 webview 嵌入 youtube 直播。我正在使用iframe相同的。有没有办法可以根据屏幕大小设置视频播放器的大小。

 public class WebViewPlayer extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view_player);

        String frameVideo = "<html><body>Youtube video .. <br> <iframe width=\"400\" height=\"290\" src=\"https://www.youtube.com/embed/live_stream?channel=UCYn0pQcA8IMxk4cDFzlBF2w&autoplay=1\" frameborder=\"0\" allowfullscreen=\"true\"></iframe></body></html>";

        WebView webView = (WebView)findViewById(R.id.webview);
        webView.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                return false;
            }
        });
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        webView.loadData(frameVideo, "text/html", "utf-8");
    }
}

标签: androidiframewebviewyoutube

解决方案


这是对我有用的 iFrame。你只需要传递layout_widthaswebviewmatch_parentfix layout_height。iFrame 还包含一个脚本,如果不需要,您可以将其删除。让我知道这是否对您有帮助。

框架

"<html><body style='margin:0px;padding:0px;'><script type='text/javascript' " +
"src='http://www.youtube.com/iframe_api'></script><script type='text/javascript'>" +
"function onYouTubeIframeAPIReady(){ytplayer=new YT.Player('playerId'," +
"{events:{onReady:onPlayerReady}})}function onPlayerReady(a){a.target.playVideo();}"+
"</script>Youtube video .. <br><iframe id='playerId' type='text/html' width='100%' height='100%' " +
"https://www.youtube.com/embed/live_stream?channel=UCYn0pQcA8IMxk4cDFzlBF2w&autoplay=1' frameborder='0' allowfullscreen></body></html>"

webview.loadDataWithBaseURL(null, frameVideo, "text/html", "utf-8", null);

推荐阅读