どこからともなく、私の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または私のコードの問題ですか?
ありがとう