【问题标题】:Youtube video play button does not work in video iframe in Android webviewYoutube 视频播放按钮在 Android webview 的视频 iframe 中不起作用
【发布时间】:2014-12-02 23:34:56
【问题描述】:

我正在构建一篇文章阅读像 TechCrunch 这样的 Android 应用程序。

在应用程序中,数据由json volley库解析,对应id、文章、图片和内容。

我在包含文本、图像和视频的 web 视图中加载(html 字符串)中的内容。 图像、文本和视频 iframe 在网络视图中正确显示。

视频 iframe 加载的 youtube 视频具有无法正常工作的默认播放图标。

问题是,当我点击 youtube 的默认播放图标时,视频无法播放,但是当我点击 iframe 其余区域的 rest 时,视频开始正​​常播放!

感谢您的帮助。

这是我的代码 -

String htmldata = "<html><head><style = text/css>      
        img{width:100%!important;height:auto!important;}iframe {width:320px;height:120px;}a {  
        color:#3366CC; text-decoration: none; }</style></head><body style = line-height:25px;  
        >"+c+"</body></html>";            

        web1 = (WebView) findViewById(R.id.webView2);               
        web1.setWebViewClient(new myWebClient());
        web1.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
        web1.getSettings().setJavaScriptEnabled(true); 
        //web1.getSettings().setJavaScriptEnabled(true); 
        //web1.setInitialScale(65);
        web1.getSettings().setDefaultFontSize(18);           
        //web1.loadUrl(htmldata);
        web1.setWebChromeClient(new WebChromeClient());
        web1.getSettings().setPluginState(PluginState.ON_DEMAND);
        web1.loadData(htmldata,"text/html; charset=utf-8",null);

【问题讨论】:

    标签: javascript android iframe webview youtube


    【解决方案1】:

    我认为我最近遇到的 youtube 移动播放器存在问题.. 但是有一个临时解决方案,您必须像这样隐藏播放器控件:

    <iframe class="youtube-player" type="text/html"  width="100%" height="338" src="http://www.youtube.com/embed/VIDEO-ID?autoplay=0&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe>
    

    在这种情况下,我们将 controls=0

    我希望这会有所帮助。

    【讨论】:

    • @rhayen 感谢这项工作,因为我需要它。但现在的问题是我正在获取包含存储在我的字符串中的内容的 url,并且我正在将该字符串加载到其他 html 字符串中。那么如何使用存储在字符串变量中的 iframe 的 url 链接添加 controls=0。
    猜你喜欢
    • 2013-03-18
    • 1970-01-01
    • 2013-07-13
    • 2014-02-10
    • 2012-12-14
    • 2012-06-07
    • 2017-12-23
    • 2012-09-24
    • 2015-03-18
    相关资源
    最近更新 更多