WordPress Youtube Audio Player 〜YouTubeの音声だけ再生する”なんちゃって"サウンドプレイヤー・プラグイン〜YT-Audio
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だと大丈夫みたいです。
- 記事中の見てくれは各自スキンを被せてお好みで!