youtube動画上ににリンクを設置

youtube動画にリンクを埋め込み。

通常、youtube動画に設置できるリンクは制限があり、外部サイトへはリンクできないようだ。

調べてみたところ、情報商材系のサイトでやっていたので参考にしました。

cssだけでいけると思ったが、埋め込みタグをいじる必要があった。


【参考】http://o-ki.biz/mtos/2008/02/post.html
メルマガ登録すると教えてくれるそうですが、

私はfirebugで調査してパクリました。

簡単に言ってしまうとリンクタグを動画の上にスタイルシートで無理やりかぶせただけです。

サンプルソースをアップしておきますが、ほとんどがcssです。

色やサイズは<style>~</style>内をいじればOK

使用方法

サンプルソースをコピーしてブログにhtmlモードでペースト
変更箇所は以下
  1. リンク先:http://djcom.jp/→任意のURLに書き換え
  2. 任意のメッセージ
  3. ※YOUTUBE動画の基本URL(2か所あります)

「※YOUTUBE動画の基本URL」とは

勝手に命名してしまいましたが、動画がフルサイズで見れるURLです。

たとえば動画ページのURLが

http://www.youtube.com/watch?v=wy7YZt7p1Dc&feature=player_embedded

なら

http://www.youtube.com/v/wy7YZt7p1Dc

に書き換えます。動画がブラウザでフルスサイズ表示されたら、OKです。


表示サンプル

サンプルソースのダウンロードはこちら

Related Posts

  1. 賃貸管理業務について考える 【不動産 賃貸管理】
  2. 宅建試験講座in葛飾 
  3. 集客率アップ 不動産店舗改善
  4. 地元密着工務店のホームページ集客法
  5. HUBLOGの特徴