Youtube 视频未加载到 android 的 webview 中

Posted

技术标签:

【中文标题】Youtube 视频未加载到 android 的 webview 中【英文标题】:Youtube video is not loaded in webview in android 【发布时间】:2017-12-30 23:15:11 【问题描述】:

我想在网络视图中显示 youtube URL。但它没有加载到 web 视图中。

这是我的代码。

     WebView web_view = (WebView) findViewById(R.id.web_view);

    web_view.setWebViewClient(new WebViewClient());
    web_view.getSettings().setjavascriptEnabled(true);
    web_view.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
    web_view.getSettings().setPluginState(WebSettings.PluginState.ON);
    web_view.getSettings().setMediaPlaybackRequiresUserGesture(false);
    web_view.setWebChromeClient(new WebChromeClient());

    web_view.loadUrl("https://www.youtube.com/watch?v=s8n16rns-iM");

视频未加载到网络视图中。它显示错误: [INFO: CONSOLE(16)] “不支持键“target-densitydpi”。”,来源:https://m.youtube.com/watch?v=s8n16rns-iM

【问题讨论】:

【参考方案1】:

试试这个

 String frameVideo = "<html><body>Video From YouTube<br><iframe width=\"420\" height=\"315\" src=\"https://www.youtube.com/watch?v=ue80QwXMRHg&app=desktop\" frameborder=\"0\" allowfullscreen></iframe></body></html>";

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

【讨论】:

如何获取该视频网址的 frameVideo youtube.com/watch?v=ue80QwXMRHg&app=desktop【参考方案2】:

要获取特定视频的 html 帧,请将此函数与视频 ID 结合使用,

public String getHtmlfromVideoId(String videoId) 
        String html = "<iframe class=\"youtube-player\" " + "style=\"border: 0; width: 100%; height: 96%;"
                + "padding:0px; margin:0px\" " + "id=\"ytplayer\" type=\"text/html\" "
                + "src=\"http://www.youtube.com/embed/" + videoId
                + "?&theme=dark&autohide=2&modestbranding=1&showinfo=0&autoplay=1\fs=0\" frameborder=\"0\" "
                + "allowfullscreen autobuffer " + "controls onclick=\"this.play()\">\n" + "</iframe>\n";
        return html;
    

视频 ID 通常位于 youtube 网址的 v 参数之后。比如https://www.youtube.com/watch?v=s8n16rns-iM&app=desktop的Video Id是s8n16rns-iM

获得html框架后,直接在WebView中加载,

webView.loadData(html, "text/html", "UTF-8");

【讨论】:

我想在 webview 中显示带有该 Url 的整个 youtube

以上是关于Youtube 视频未加载到 android 的 webview 中的主要内容,如果未能解决你的问题,请参考以下文章

Youtube 播放器视频未加载

Youtube 未加载高分辨率缩略图

android - 无法加载多个YouTube视频

YouTube 视频未在 WebView 中播放 - Android

Webview中的Android youtube网站正在干扰

单击列表视图项目时,Android youtube api可全屏加载视频