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

发布时间：2020-12-15 07:33:47 所属栏目：百科来源：网络整理

导读：我想在YouTube视频上显示div,但无法使其正常工作.我知道如果将wmode设置为透明或不透明,那么它应该可以工作,但是当 embed或 object标签被使用. YouTube现在将视频嵌入到 iframe所以当我尝试它,它没有工作.这是我的代码如何. !DOCTYPE html PUBLIC "-//W3C//D

我想在YouTube视频上显示div,但无法使其正常工作.我知道如果将wmode设置为透明或不透明,那么它应该可以工作,但是当< 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!