如何解决通过 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&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&format=xml" />
/* Other tags */
另外以下是包含这些标签的链接。 https://stage.vumu.io/share/60d81714d4324bb2b7a595ab?src=ext
现在的问题是,当我在实际的社交媒体平台上分享链接网址时,它不会加载嵌入的 iframe。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。