-
ID:2lnwtn さんの質問

youtube動画を埋め込んだのですが、動画の下辺(ブラウザによっては右にも)にborderが出てしまいます。

<div class="movie">
<iframe width="630" height="355" src="https://www.youtube.com/embed/動画ID?list=PLvn6Z4GKCDALGyQ55tLwAMU-RuPwtp5Nw&wmode=transparent" frameborder="0" allowfullscreen></iframe>
</div>

cssでも下記の指定をしてますが消えません..
iframe {
border:none;
}

ご教授いただければ幸いです。

みんなの回答 2 件

ID:mhnzSo さんの回答

背景色が見えてるとか?背景を変えてみたら?

ID:2lnwtn

回答ありがとうございます。
background:none;を追加しましたが変化無しでした。。

ID:mhnzSo

まず、その線みたいなのがボーダーなのか背景なのかなんなのかを検証する必要があります。safariやchromeなどのデベロッパーツールで見たらどうでしょうか。あとは適当に背景に赤や黄色をいれて、どの要素がそのバグを起こしているのかを絞り込んでみてください。

ID:RICbvc さんの回答

もしかしたら、縦横比率の問題かもしれないので
width="608" height="342" あたりに設定すると消えたりしないですかね?

最終更新日:2015-08-25 (2,583 views)

関連するトピックス

ページ上部に戻る