使用 html5 视频播放器脚本嵌入 facebook live答案

【问题标题】：Embed facebook live with html5 video player script使用 html5 视频播放器脚本嵌入 facebook live
【发布时间】：2017-04-17 22:33:34
【问题描述】：

有什么方法可以将 facebook 实时视频嵌入到 html 页面中，例如使用 mediaelementjs 之类的自定义视频播放器脚本？使用实时播放时提供 facebook 的 rtmp。

我已经用这个嵌入测试过：

<video width="360" height="203" id="player1" src="rtmp://rtmp-api.facebook.com:443/rtmp/1327296050643313?ds=1&s_l=1&a=ATiweM9l1fKQFUUB" autoplay="true" type="video/rtmp" controls="controls"></video>

和 JS 初始化

    <script type="text/javascript">
    $('video,audio').mediaelementplayer(/* Options */);
</script>

但页面中似乎没有播放任何内容。有人测试了一个播放器（可能是 html5 播放器），用于 facebook 实时嵌入 html 页面？

谢谢

【问题讨论】：

你试过developers.facebook.com/docs/plugins/embedded-video-player吗？
我正在寻找自定义播放器，例如 videojs 或其他播放器

标签： facebook video-streaming html5-video

【解决方案1】：

您检查过preview_url 吗？我还没有测试过，但在文档中似乎是一种在 RTMP strem 中获取 preview_url 以预览您正在录制的视频的方法。

Link to the documentation in Facebook

此解决方法的问题在于 preview_url 被限制为 4 小时和 10 个查看者。

【讨论】：