通过 oembed 嵌入社交媒体网站的视频无法正常工作twitter、slack、facebook

问题描述

我已经在 next.js 上构建了一个应用程序。为此，我将自定义元标记注入页面的头部。以下是我要注入到文档头中的内容。

<title>{`${recordingData.title} - VUMU`}</title>

<meta name="description" content="Check out a video I made via VUMU" />

/* SEO */
<meta property="og:site_name" content="VUMU.IO" />
<meta property="og:type" content="website" />
<meta property="og:url" content={`${config.WEB_URL}share/${query.pid}`} />
<meta property="og:title" content={`${recordingData.title} - VUMU`} key="title" />
<meta property="og:description" content="Check out a video I made via VUMU" />
<meta property="og:image" content={recordingData.thumbnailUrl} />
<meta property="og:image:width" content="1280" />
<meta property="og:image:height" content="720" />
<meta name="twitter:card" content="summary" />



/* OEMBED links discovery */
<link rel="alternate" type="application/json+oembed" href="https://2rstwutqz5.execute-api.eu-west-2.amazonaws.com/dev/get-recording-oembed?url=https%3A%2F%2Fstage.vumu.io%2Fshare%2F60d81714d4324bb2b7a595ab&amp;format=json" />
<link rel="alternate" type="application/json+oembed" href="https://2rstwutqz5.execute-api.eu-west-2.amazonaws.com/dev/get-recording-oembed?url=https%3A%2F%2Fstage.vumu.io%2Fshare%2F60d81714d4324bb2b7a595ab&amp;format=xml" />


/* Other tags */

另外以下是包含这些标签的链接。 https://stage.vumu.io/share/60d81714d4324bb2b7a595ab?src=ext

现在的问题是，当我在实际的社交媒体平台上分享链接网址时，它不会加载嵌入的 iframe。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）