WordPress Youtube Audio Player 〜YouTubeの音声だけ再生する”なんちゃって”サウンドプレイヤー・プラグイン〜YT-Audio

"WordPress" カテゴリー記事
  

WordPressでYouTubeのビデオ音声だけを再生してくれるサウンドプレイヤーを探していますが見つかりません…が、

世の中には同じようなことを考えるヒトは昔から居るもんで、スタイルシートを使ってYouTubeの再生ウィンドウの下部のみを表示させる”なんちゃって”サウンドプレイヤーを設置するプラグインというのがありました。

 YT-Audio: Audio Hosting From YouTube in WordPress

 [browsershot url=”http://erikras.com/2007/09/25/yt-audio-audio-hosting-from-youtube-in-wordpress/” width=”200″]

そのプラグインで表示される”YouTubeの再生ウィンドウ下部”にスキンを囲って出来たのが先日のワイルド7ネタ記事に挿入していた”なんちゃってYouTube AUDIO サウンドプレイヤー”です。

ワイルド7主題歌

ytaudio(9g1NZwzgBhs)

ストリーム再生元のYouTubeページは「http://www.youtube.com/watch?v=9g1NZwzgBhs」です。

 

 

<プラグインのインストールと使い方>

  • 先のサイトの「yt-audio-streaming-audio-from-youtube.zip」からプラグインZIPパッケージをダウンロードします。

  • プラグインの新規追加/アップロード/ZIP 形式のプラグインをインストール、からダウンロードしたプラグインZIPパッケージをアップロード、有効化します。

  • プラグイン一覧には「YT-Audio」として格納されます。
  • 記事中にショートテキスト

    ytaudio(YouTubeのwatch?v=コード)

    を記述すると下記のように”YouTubeの再生ウィンドウ下部”だけが表示されます。

    YouTubeのwatch?v=コードにはyoutube参照元URLのwatch?v=以下を記載。
    ※下記サンプルでは「http://www.youtube.com/watch?v=9g1NZwzgBhs」の赤字部分を記載しています。

ytaudio(9g1NZwzgBhs)

 

  •  表示部分のサイズを変更したい場合は、プラグイン:YT-Audioの” yt-audio-streaming-audio-from-youtube/ytaudio.php”の22行目、33行目に記載されているiframe width,height サイズを調整してください。
  • ときどき読み込みにつまずくことがあって、再読み込みが必要なときがあります。
  • ブラウザGoogle Chromeでは”YouTubeの再生ウィンドウ下部”がちゃんと表示されないみたいですが再生ボタンは押せます。safariだと経過時間がリアルタイム更新されない… FirefoxとIEだと大丈夫みたいです。
  • 記事中の見てくれは各自スキンを被せてお好みで!

 

 

コメントを残す