纵有疾风起
人生不言弃

分享一款基于jQuery的视频播放插件_jquery_自学ph

最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!

代码如下:
<div class=”report” id=”play-product” style=”cursor: pointer”  data-flv=”视频路径地址”></div>

<script type=”text/javascript”>
//播放视频
$(‘#play-product’).click(function(){
      var flvUrl = $(this).attr(‘data-flv’);
      var Close = ‘closePlayer’;
      var box = ‘playerBox’;

      var objclose = “#”+Close;
      var objBox = “#”+box;

      $(“body”).append(“<div id= “+box+”><div class=’closeTitle’><a href=’javascript:;’ id= “+Close+”>点击关闭</a></div><object classid=’clsid:d27cdb6e-ae6d-11cf-96b8-444553540000′ width=’100%’ height=’100%’ id=’index’ align=’middle’><param name=’movie’ value=’/club/images/flvPlayer.swf’><param name=’quality’ value=’high’><param name=’bgcolor’ value=’#000′><param name=’play’ value=’true’><param name=’loop’ value=’true’><param name=’wmode’ value=’transparent’><param name=’scale’ value=’showall’><param name=’menu’ value=’true’><param name=’devicefont’ value=’false’><param name=’salign’ value=”><param name=’flashvars’  value=’flvURL=”+flvUrl+”‘><param name=’allowScriptAccess’ value=’sameDomain’><param name=’allowFullScreen’ value=’true’><!–[if !IE]>–><object type=’application/x-shockwave-flash’ data=’/club/images/flvPlayer.swf’ width=’100%’ height=’100%’ align=’middle’><param name=’movie’ value=’/club/images/flvPlayer.swf’><param name=’quality’ value=’high’><param name=’bgcolor’ value=’#000′><param name=’play’ value=’true’><param name=’loop’ value=’true’><param name=’wmode’ value=’transparent’><param name=’scale’ value=’showall’><param name=’menu’ value=’true’><param name=’devicefont’ value=’false’><param name=’salign’ value=”><param name=’allowFullScreen’ value=’true’><param name=’flashvars’ value=’flvURL=”+flvUrl+”‘><param name=’allowScriptAccess’ value=’sameDomain’><!–<![endif]–><a href=’http://www.adobe.com/go/getflash’><img src=’http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif’ alt=’取得 Adobe Flash 播放程式’></a><!–[if !IE]>–></object><!–<![endif]–></object></div>”);

        $(objclose).click(function(){
          $(objBox).remove();
        });
        return false;
    });
</script>



本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

未经允许不得转载:起风网 » 分享一款基于jQuery的视频播放插件_jquery_自学ph
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录