gpt4 book ai didi

flash - 如何在 Youtube 视频(z-index)上显示 div?

转载 作者:行者123 更新时间:2023-11-28 21:39:02 27 4
gpt4 key购买 nike

我想在 YouTube 视频上显示一个 div,但无法让它工作。我知道如果你设置 wmodetransparentopaque它应该可以工作,但我只在 <embed> 时才看到这项工作或 <object>使用标签。 YouTube 现在将视频嵌入 <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">    <head>            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />        <title></title>        <style type="text/css">@import "reset.css";</style>         <style type="text/css">            body {            background:#000;            font:62.5%/240% Helvetica, Arial, sans-serif;            overflow:hidden; /* To avoid showing a scrollbar */            }            div {            background:#f00;            position:absolute;            min-width:100%;            min-height:100px;            z-index:99;             }        </style>    </head>    <body>        <div></div>        <iframe width="100%" height="100%" src="http://www.youtube.com/v/8lVJV--SrGg&loop=1&autoplay=1&autohide=1&hd=1&modestbranding=1" frameborder="0"  allowfullscreen></iframe>    </body>    </html>

最佳答案

我在嵌入“链接”的末尾添加了 ?wmode=opaque,它对我有用。

http://www.youtube.com/embed/I7a3acpVp1g?wmode=opaque 为我工作。所以完整的是

 <iframe width="250" height="188" src="http://www.youtube.com/embed/I7a3acpVp1g?wmode=opaque" frameborder="0" allowfullscreen></iframe>

关于flash - 如何在 Youtube 视频(z-index)上显示 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7016680/

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