Facebook默认视频播放器进入Android webview答案

【问题标题】：Facebook default video player into Android webviewFacebook默认视频播放器进入Android webview
【发布时间】：2017-03-23 09:12:46
【问题描述】：

我想在我的应用程序中使用 facebook 的默认视频播放器流式传输 facebook 视频。单击视频时，我想在我的应用程序中打开 webview 并使用他们自己的视频播放器和所有默认控件播放 facebook 视频。我将如何实现它？是他们实现视频流的任何其他方式。但我想使用 facebook 默认播放器而不是任何其他播放器来流式传输视频。我怎样才能做到这一点？任何帮助将不胜感激

【问题讨论】：

请访问How to create a Minimal, Complete, and Verifiable example

标签： facebook-graph-api android-webview facebook-sdk-4.0 facebook-iframe

【解决方案1】：

您是否已经仔细检查了 dev facebook 文档embedded-video-player/api，您可以在其中找到以下完整代码示例：

<html>
<head>
  <title>Your Website Title</title>
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <div id="fb-root"></div>
  <script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : '{your-app-id}',
        xfbml      : true,
        version    : 'v2.5'
      });

      // Get Embedded Video Player API Instance
      var my_video_player;
      FB.Event.subscribe('xfbml.ready', function(msg) {
        if (msg.type === 'video') {
          my_video_player = msg.instance;
        }
      });
    };

    (function(d, s, id){
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement(s); js.id = id;
       js.src = "//connect.facebook.net/en_US/sdk.js";
       fjs.parentNode.insertBefore(js, fjs);
     }(document, 'script', 'facebook-jssdk'));
  </script>

  <!-- Your embedded video player code -->
  <div  
    class="fb-video" 
    data-href="https://www.facebook.com/facebook/videos/10153231379946729/" 
    data-width="500" 
    data-allowfullscreen="true"></div>

</body>
</html>

假设你把这段代码放在你的 webview 中，它通常会像一个魅力一样工作。

【讨论】：

好的，但是如何将 data-href 作为动态视频 url？在这里，您的 data-href 已针对一个视频固定

【解决方案2】：

用于加载动态 URL

首先在您的 html 中替换为 this

--> data-href="{video_url}"




`mWebView.loadDataWithBaseURL(null, "<!DOCTYPE HTML>"
                + populateHTML(R.raw.my_html), "text/html", "UTF-8", null);private String populateHTML(int resourceID) {
        String html;
        html = readTextFromResource(resourceID);
        html = html.replace("{video_url}", dynamic_url);
        return html;
    }`

    private String readTextFromResource(int resourceID) {
        InputStream raw = getResources().openRawResource(resourceID);
        ByteArrayOutputStream stream = new ByteArrayOutputStream();
        int i;
        try {
            i = raw.read();
            while (i != -1) {
                stream.write(i);
                i = raw.read();
            }
            raw.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
        return stream.toString();
    }

【讨论】：