javascript - 响应式 Facebook 嵌入视频

标签 javascript html css

我需要使 facebook 视频嵌入响应,因为 facebook 具有“固定”大小,但它不适应屏幕大小。

当我在 facebook 的宽度中放置“auto”时,根据视频的不同,它会留下比正常高度大得多的高度,如下所示(高度为 1100,正常情况下为 770)

https://developers.facebook.com/docs/plugins/embedded-video-player/?prefill_href=https%3A%2F%2Fwww.facebook.com%2Frobertdowneyjr%2Fvideos%2F665148873653581%2F#configurator

因为会包含多个不同大小的视频,所以不能在某些外部div上保留固定大小。

最佳答案

现在 Facebook 支持响应式视频嵌入

<script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
<div class="fb-video"
    data-href="https://www.facebook.com/watch/?v=10155278547321729"
    data-width="auto"
    data-show-captions="false">
</div>

关于javascript - 响应式 Facebook 嵌入视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42263810/

相关文章:

javascript - 解决未处理的拒绝(TypeError): callback is not a function

html - 我怎样才能通过将它们稍微向左移动来在右侧容纳更多链接而不只挤在一行中?

javascript - 灯箱、CSS 和 JavaScript

javascript - 使用导航箭头时,图表 JS 图表未在 ArcGIS 弹出窗口中呈现

javascript - 如何使用 Ajax + Jquery 更新 XML 文件?

php - 在同一页面上将用户输入显示为评论

HTML 行距和紧凑代码

css - 如何仅使用 html 和 css 使框具有特定的纵横比?

html - 我怎样才能用一个圆圈创建这个栏?

javascript - "Data-linked elements"上的困惑