gpt4 book ai didi

html - 为什么 figure 和 oembed 标签不起作用?

转载 作者:行者123 更新时间:2023-12-04 13:00:52 25 4
gpt4 key购买 nike

鉴于以下 html :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>

<h2>Header</h2>

<figure>
<oembed url="https://www.youtube.com/watch?v=7km4EHgkQiw&amp;list=RDQK-Z1K67uaA&amp;index=9"></oembed>
</figure>

</body>

</html>

为什么页面没有显示 YouTube 视频?

    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
</head>

<body>

<h2>Header</h2>

<figure>
<oembed url="https://www.youtube.com/watch?v=7km4EHgkQiw&amp;list=RDQK-Z1K67uaA&amp;index=9"></oembed>
</figure>

</body>

</html>


正文代码由 CKEditor 生成(我刚刚从 figure 标签中删除了“媒体”类)。你可以在这里看到我的原帖 link

最佳答案

figure 和 oembed 标签无法显示预览。为了使它工作,我必须将 youtube 链接转换为可嵌入的链接并使用 iframe 添加它们。

为此,我使用了此线程中提出的解决方案:link

function getId(url) {
var regExp = /^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|\&v=)([^#\&\?]*).*/;
var match = url.match(regExp);

if (match && match[2].length == 11) {
return match[2];
} else {
return 'error';
}
}

var videoId = getId('http://www.youtube.com/watch?v=zbYf5_S7oJo');

var iframeMarkup = '<iframe width="560" height="315" src="//www.youtube.com/embed/'
+ videoId + '" frameborder="0" allowfullscreen></iframe>';

关于html - 为什么 figure 和 oembed 标签不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57334876/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com