mp3文件无法在Facebox中播放

Question

我正在使用Facebox。 我必须在Facebox中播放mp3files。 我包括了facebox.js和facebox.css

我的查看代码是：

<script  type="text/javascript">
    $(document).ready(function () {

        $('a[rel*=facebox]').facebox();
    }
</script>

$res= explode('/',$val['audio_file']);

<a href="<?=base_url().'uploads/'.$val['audio_file'];?>" rel="facebox"><?=$res['1'];?></a>

我必须在Facebox中播放此mp3文件。 可能吗？

我已经将mp3文件链接到了定位标记中，然后可以在面板中播放该文件了。 现在，它可以在大屏幕上播放。

Answer 1

包含在视图中

<script type="javascript">

        $('#play').live('click', function(e) {                                           
        e.preventDefault();
        link=this.href;  
        jQuery.facebox({ ajax: link });
        });

        </script>

<a id="play" href="<?=site_url('admin/test/playmp3/'.$val['id']);?>"><?=$res['1'];?></a>

包含在控制器中

function playmp3($id)
{
$this->data['mp3']  = $this->test_model->getmp3($id);
$this->load->vars($this->data);
echo $this->load->view( $this->config->item('APP_template_dir').'admin/playmp3_view');
}

创建一个新页面playmp3_view并包含它

    <div style="">
    <object type="application/x-shockwave-flash" data="<?=base_url().$this->config->item('APP_assets_admin').'/'.$this->config->item('APP_js');?>/player_mp3.swf" width="200" height="20">
   <param name="movie" value="<?=base_url().$this->config->item('APP_assets_admin').'/'.$this->config->item('APP_js');?>/player_mp3.swf" />
   <param name="FlashVars" value="mp3=<?=base_url().'uploads/'.$mp3->audio_file?>" /></object>
    </div>