このブログの記事には、数回だがYouTube動画を貼り付けた事がある。
今はYouTubeで動画を右クリックして、埋め込みコードをコピーすれば良い。
以前は、たしか別な方法で埋め込みコードをコピーしたと思うが・・・
さておき、動画の埋め込みコードをコピーして、テスト中のブログに貼り付けた。
まずは簡単に出来たと喜んでいたのだが、ブログ画面をスクロールした時に不都合があった。
動画のフレームが一番上になっていて、スクロールすると枠縁にかぶさってしまうのだ。
これは困ったと、z-index でなんとか・・・
なりません!
これは、自力での解決は難しいと思い、すぐにネット検索。
wmode=transparent を設定すると良い事が判明した。
さっそく試してみると、上手くいったので満足している。
よし、よし!!
http://black-flag.net/html/20110711-3316.html この記事を見た。
参考にした記事は三年前に書かれていた・・・
現在のYouTube動画の埋め込みコードとは、少し違うようだ。
まぁ、追加する設定をどこに書くのか、それはちょっと考えれば分かる事だ。
これは、現在のYouTube動画を右クリックしてコピーした埋め込みコード。
<iframe width="640" height="360" src="//www.youtube.com/embed/9s5rdne0ILM?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>
そしてこれは、上のコードに wmode=transparent を書き加えたもの。
<iframe width="640" height="360" src="//www.youtube.com/embed/9s5rdne0ILM?feature=player_detailpage&wmode=transparent" frameborder="0" allowfullscreen></iframe>
なお、設定を書き加えるには、 & を付けるので &wmode=transparent を書く。
これで、動画の問題は解決した。
ついでに、他のブログを幾つか眺めたが・・・
やはり、スクロールすると動画が他の部分にかぶっている所があったよ。
最後に、とても有益な記事を載せていたブログ主に感謝する。