2013-01-03 34 views
0

无处不在,我的YouTube视频中的标题与视频标题中的共享和更多信息按钮重叠。如果将鼠标悬停在视频上,则标题可以正确压缩。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或我的代码有问题吗?

感谢

回答

1

试验和错误的测试似乎表明,这仅仅是在YouTube Flash播放界面的错误 - 它不能正常截断标题,直到鼠标悬停事件被触发。

我发现了一些其他接口问题;看起来,当一个视频的宽度小于350px时,那些'分享'和'更多信息'按钮甚至不会被Flash播放器渲染,所以这个问题只会在超过350px但比有完整的标题可见。此外,如果视频的高度小于201像素,底部的控制栏将不会自动出现(以节省空间)。但是当没有控制栏时,在视频开始播放之前,鼠标悬停不能触发标题连接。

轻微的烦恼,但只在少数情况下出现,所以不知道他们是多么重要的优先事项。您可以尝试报告错误(或查看其他人是否已有)。

+0

感谢您的帮助,看起来像我会尽力报告错误的YouTube。这只是最近才开始发生的,所以他们可能已经改变了他们的API或其他东西。 – Mcestone

+0

Youtube已经解决了这个错误。 – Mcestone

0

我遇到了同样的问题。您也可以将“showinfo = 0”添加到网址,并且它不会显示标题。