忍者ブログ
インフォメーション
< 10月 2024年11月 12月 >
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
RSS
yuz_ブログ  >> 

僕の毎日を、思い出として書き残す。
何一つ役立つものはないが・・・

このブログの記事には、数回だが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 を書く。

これで、動画の問題は解決した。
ついでに、他のブログを幾つか眺めたが・・・
やはり、スクロールすると動画が他の部分にかぶっている所があったよ。

最後に、とても有益な記事を載せていたブログ主に感謝する。

拍手[1回]

コメント : youtubeの動画
スクロールしたら動画がかぶさる件

改善策を試したはずなのが↓
http://tamimaru86.blog.fc2.com/blog-entry-772.html

見たら、やはり、youtubeの動画が乗っかっていました

タグ、確か書き加えたはずなんですが。。。
  • たみ丸 |
  • URL |
  •  2014/10/27 () 08:15 | 
  • 編集 |
  • 返信
yuz の返信 : Re:youtubeの動画
結論だけ書きます。
src="~~~~~~~~~~~~" の内側の最後に&wmode=transparentというように & を付けて書きます。
内側ですから、src="~~~~~~~~&wmode=transparent" ← チョンチョンがありますよ!

さらに、src="//www.youtube.com/~~~~~" のようにアドレスだけしかなくて最後に?が付いていなければ src="//www.youtube.com/~~~~~ ?&wmode=transparent" になります。

src="~~~~~~~~~~" の中に注目して書くのが注意点です。

それでも上手くいかない場合は、また考えてみましょう。
  • 2014/10/27 () 10:20 
コメント投稿フォーム
名前
タイトル
メール 非公開
URL あなたのHPやBlogなど
携帯絵文字
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
コメント本文
パスワード
秘話コメント
 yuzだけに伝えるコメント
 

yuz_・・・ ブログをご覧の皆さまへ

このブログをご覧になって生じるいかなる問題に対しても、当方は一切の責任を負いません。


PR
忍者ブログ[PR]