如何在 youtube 视频前显示元素？答案

【问题标题】：how can I make an element show in front of youtube video?如何在 youtube 视频前显示元素？
【发布时间】：2012-07-02 18:06:14
【问题描述】：

我有这个 youtube 视频，里面有一个我想显示在它前面的链接。

<embed id="myVideo" src="http://www.youtube.com/v/f4K6ZxDwi34?version=3&enablejsapi=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">

<a id="over" href="javascript:document.getElementById('myVideo').stopVideo();">Stop</a>

我已尝试插入 wmode=opaque 或 wmode=transparent。依然没有。有人请帮助我。

这是我的 jsfiddle 示例。 http://jsfiddle.net/uprosoft/Av9bp/

【问题讨论】：

标签： javascript jquery youtube youtube-api

【解决方案1】：

您可以使用绝对定位。检查this updated fiddle：

绝对定位的项目将自动位于静态定位的项目之上。您可以使用左和右 css 属性将元素相对于最近的父元素定位，并将位置设置为相对或绝对，如果没有找到相对/绝对父元素，则可以使用 body。

【讨论】：