Gatsby博客文章-如何在YouTube嵌入的视频中添加丰富的片段
Gatsby博客文章-如何在YouTube嵌入的视频中添加丰富的片段
提问于 2021-06-10 14:11:33
我有一个与盖茨比+ Netlify CMS一起运行的博客，有时我想在博客文章中添加一个来自YouTube的嵌入式视频。我想为这些视频创建一个具有以下结构的videoObject模式：
{
"@context": "http://schema.org",
"@type": "VideoObject",
"name": "VIDEO TITLE",
"description": "VIDEO DESCRIPTION",
"thumbnailUrl": "VIDEO THUMBNAIL",
"uploadDate": "2018-04-16T08:01:27Z",
"duration": "PT4M43S",
"embedUrl": "https://www.youtube.com/embed/JypYtPhDeiI",
}
有人知道什么是最好的方法吗？
提前谢谢你！
致以问候。
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-06-10 18:20:23
你应该使用反应头盔& JSON.stringify。
React头盔是一个组件，可以让您使用它们的React组件来控制您的文档头。JSON.stringify是将JavaScript对象转换为字符串的方法。
使用架构标记创建一个const：
const videoObject = {
"@context": "http://schema.org",
"@type": "VideoObject",
name: "VIDEO TITLE",
description: "VIDEO DESCRIPTION",
thumbnailUrl: "VIDEO THUMBNAIL",
uploadDate: "2018-04-16T08:01:27Z",
duration: "PT4M43S",
embedUrl: "https://www.youtube.com/embed/JypYtPhDeiI",
};然后使用react & JSON.stringify输出模式，如下所示：
import React from "react"
import { Helmet } from "react-helmet"
<Helmet>
<script type="application/ld+json">{JSON.stringify(videoObject)}</script>
</Helmet>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67922895
复制相关文章
相似问题
腾讯云开发者
