具有重叠标题的 Youtube 嵌入视频

Question

我的 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&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1&amp;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&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1&amp;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&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1&amp;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&amp;showinfo=1&amp;modestbranding=0&amp;wmode=opaque&amp;enablejsapi=1&amp;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 的问题还是我的代码的问题？

谢谢

Answer 1

试验和错误测试似乎表明这只是 Youtube Flash 播放器中的一个界面错误 - 在触发鼠标悬停事件之前它不会正确截断标题。

我发现的其他一些界面问题；似乎当视频的宽度小于 350 像素时，Flash 播放器甚至不会渲染那些“分享”和“更多信息”按钮，因此只有当视频宽度超过 350 像素但小于需要时才会出现问题显示完整的标题。

另外，如果视频高度小于 201 像素，底部的控制栏不会自动出现（以节省空间）；但是当没有控制栏时，鼠标悬停不能触发标题连接，直到视频开始播放。

轻微的烦恼，但只在少数情况下出现，所以不知道它们的优先级有多大。您可以尝试报告错误（或查看其他人是否已经有）。

Answer 2

我遇到了同样的问题。您也可以在网址中添加“showinfo=0”，它根本不会显示标题。