ライブドアブログでの動画の貼り付け方について

あるライブドアの２ちゃんまとめブログを観ていたら、
YOUTUBEの動画が、変わったやり方で貼り付けてありました。

URLはこちらです
http://blog.livedoor.jp/darkm/archives/51510982. …


このように貼り付ける方法をぜひ教えて下さい。お願いします。

No.1 ベストアンサー 回答者： Kaneyan-R 回答日時： 2014/04/12 09:56

ブログ拝見しました。

やってる事は単純で、「動画の部分をCSSを使って最初に非表示にしておいて、画像にマウスカーソルが乗っかると、JavaScriptに引数渡して、動画の表示（CSS）を切り替えている」だけですね。

パッと見で想像できた動作で、実際ソースもそうなっていました。

分からない場合はソースを表示させて眺めて下さい。
ソースを見てどう動いているのかが理解できないようなら、質問者さんが同じことをやろうとするには敷居が高いでしょう。
CSSやJavaScriptについて勉強して下さい。


まぁ、それではなんなので、ヒントをちょっと書いておきます。

１．動画を配置したDIVのスタイルを display:none で非表示に設定
２．画像の onmausemove イベントを使い、引数をJavaScriptに渡す。
３．JavaScriptで受け取った引数を元に、動画のスタイルを変更。

と言った具合。

この回答へのお礼

回答有難うございます。
ただ自分には知識がなさすぎてよくわかりませんでした。

Kaneyan-Rさんに頂いた回答を参考に、これから勉強したいと思います。

お礼日時：2014/04/13 00:20