gpt4 book ai didi

javascript - 嵌入式 Youtube iFrame 全屏按钮不起作用

转载 作者:行者123 更新时间:2023-11-28 00:05:54 27 4
gpt4 key购买 nike

我使用 Youtube 推荐的方法嵌入了代码,但全屏功能根本不起作用。所以我尝试添加 mozallowfullscreen、webkitallowfullscreen 等,但仍然没有成功。

<iframe src="http://www.youtube.com/v/16N8Zhhhins?rel=0&hl=en&fs=1&autoplay=1" frameborder="0" width="100%" height="100%" id="listing_detail_youtube" mozallowfullscreen webkitallowfullscreen allowfullscreen="1"></iframe>

如果有帮助.. 开头的文档类型等是:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="overflow-x: hidden">
<head>

那个 iFrame 上的 CSS,如果它有帮助...

#listing_detail_youtube {
width:100%;
height:100%;
margin:0px;
padding:0px;
}

但是。当我单独复制粘贴视频 iframe URL 并在 Firefox、Chrome 等上打开它时,全屏仍然不起作用,所以我怀疑问题出在 <iframe> 中的某处。标签。

最佳答案

<iframe src="https://www.youtube.com/embed/1gI_HGDgG7c" allowfullscreen="" height="315" width="460"></iframe>

使用https://www.youtube.com/embed/-video_id-

关于javascript - 嵌入式 Youtube iFrame 全屏按钮不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18478388/

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