我的 youtube 视频上的标题突然与视频标题中的分享和更多信息按钮重叠。如果您将鼠标悬停在视频上,则标题会正确压缩。
摆弄这个例子:http: //jsfiddle.net/QpckF/
这是我的代码:
<div class="interior-container">
<h3 id="video-text">Why Book with Rail Europe?</h3>
<iframe frameborder="0" name="player" allowfullscreen="" id="player" title="YouTube video player" height="217" width="365" src="http://www.youtube.com/embed/wV-S_MOusMI?controls=1&showinfo=1&modestbranding=0&wmode=opaque&enablejsapi=1&origin=http://www.raileurope.com"></iframe>
<div class="vid-arrows prevvid">
<i class="vid-prev icon-video-left-arrow"></i>
</div>
<div class="vid-nav">
<a target="player" data-text="Why Book with Rail Europe?" class="fader first active" href="http://www.youtube.com/embed/wV-S_MOusMI?controls=1&showinfo=1&modestbranding=0&wmode=opaque&enablejsapi=1&origin=http://www.raileurope.com" id="default"></a>
<a target="player" data-text="Train Travel in Europe: Rail Pass vs. Tickets" class="fader first" href="http://www.youtube.com/embed/rxlq8KirhNM?controls=1&showinfo=1&modestbranding=0&wmode=opaque&enablejsapi=1&origin=http://www.raileurope.com" id="default"></a>
<a target="player" data-text="Why Travel by Train in Europe?" class="fader first" href="http://www.youtube.com/embed/pQ8DwmEg9wk?controls=1&showinfo=1&modestbranding=0&wmode=opaque&enablejsapi=1&origin=http://www.raileurope.com" id="default"></a>
</div> <!-- end vid-nav -->
<div class="vid-arrows nextvid">
<i class="vid-next icon-video-right-arrow"></i>
</div>
</div>
</div>
这是 youtube 还是我的代码的问题?
谢谢