WordPress プラグイン Audio Player を HTML5 に変更

WordPress で、音声を Flash 再生することができるプラグイン Audio Player
とても使い勝手のよいプラグインですが、iOS では Flash は非推薦のため iPhone や iPad で再生することができません。
理由もわかっているし諦めていたのですが、理由がわかっているなら… と調べてみたらありました。

WordPress プラグイン Audio Player を HTML5 で表示する

※ Audio Player 2.0.4.1 で確認したものです。

  1. Audio Player をダウンロードし、プラグインを有効化してください。
  2. wp-content/plugins/audio-player/audio-player.php の545行目
    $playerCode = '<p class="audioplayer_container"><span style="display:block;padding:5px;border:1px solid #dddddd;background:#f8f8f8" id="' . $playerElementID . '">' . sprintf(__('Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version <a href="%s" title="Download Adobe Flash Player">here</a>. You also need to have JavaScript enabled in your browser.', $this->textDomain), 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW') . '</span></p>';
    

    //replace
    $playerCode = '<p><span style="display:block;padding:5px;border:1px solid #dddddd;background:#f8f8f8" id="' . $playerElementID . '">' . sprintf(__('Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version <a href="%s" title="Download Adobe Flash Player">here</a>. You also need to have JavaScript enabled in your browser.', $this->textDomain), 'http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&promoid=BIOW') . '</span></p>';
    //with
    $playerCode = '<p><span style="" id="' . $playerElementID . '">';
    $playerCode .= '<audio src="' . $actualFile . '" controls preload="none">';
    $playerCode .= '<a href="' . $actualFile . '">Download</a>';
    $playerCode .= '</audio>';
    $playerCode .= '</span></p>';
    

    に変更。

キャプチャ

Flash から HTML5 変更後のキャプチャです。

Audio Player HTML5

About this entry

No comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です