时间戳

首页 > 解决方案 > 有没有办法嵌入 facebook 视频并在非移动设备上播放声音？

html - 有没有办法嵌入 facebook 视频并在非移动设备上播放声音？

问题描述

这听起来可能很简单，但我只是想嵌入一个 facebook 视频（最好通过 iframe，但可以使用 SDK 方法）并让它在访问者点击播放时播放有声视频。我在笔记本电脑上播放的每个视频都被静音（尝试过 chromebook 和 Windows 计算机、各种浏览器，除非访问者取消静音，否则没有声音）。

但是，如果我在 iphone 上播放，声音会按预期播放。

我已经尝试过 SDK 和 Iframe 方法，但不知道如何在有人点击播放时播放声音。

这是一个jsfiddle：https ://jsfiddle.net/8vgoqf2k/

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FPretty52Official%2Fvideos%2Fvb.217293018312810%2F468824230316244%2F&width=500&show_text=false&appId=115391488481724&height=500" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" allowFullScreen="true"></iframe>

在其他平台 youtube、soundcloud 等上，默认行为是在有人点击播放时打开声音。但不是 facebook（除非它是手机）。

标签： htmlfacebookvideoembed

解决方案

添加&mute=0到 iframe 网址。

<iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FPretty52Official%2Fvideos%2Fvb.217293018312810%2F468824230316244%2F&width=500&mute=0&show_text=false&appId=115391488481724&height=500" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" allowFullScreen="true"></iframe>

推荐阅读