JW Player使用方法

2013.5.10《追着幸福跑》郭德纲于谦笑傲神州北展专场

原来的视频播放器使用的是bitsontherun的外链（视频地址），上传视频直接iframe调用，虽然方便，但感觉有点慢，这次直接把jwplayer放在本地，不过jwplayer的js有41kb，虽然是压缩过了，可还是挺大的，对于速度还是有点影响，我试着把js文件放在点点上，但是要调用swf文件，改js太麻烦，索性放本地吧，也解决了IE7的问题，穷折腾。最近发现两个免费的视频分享的网站Videomega和Longtail。

使用方法

1.下载JW Player，上传到网站，然后在网页的<head>标签中载入jwplayer.js。

<script src="jwplayer.js"></script>

也可以使用JW Player网站的云播放器，速度还不错：

<script src="http://jwpsrv.com/library/eGahEtdcEeKUkiIACqoQEQ.js"></script>

2.然后在发布文章的时候，直接复制下面的代码即可。

<div id="myElement">Loading the player...</div>
<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "/uploads/myVideo.mp4", //视频地址
        image: "/uploads/myPoster.jpg", //视频预览图地址，也可以不写
        width: '480', //宽度
        height: '360' //高度
    });
</script>

折腾转载二维码郭德纲于谦相声 JW Player

暂无评论

2013.5.10《追着幸福跑》郭德纲 于谦 笑傲神州北展专场

使用方法

发表评论

2013.5.10《追着幸福跑》郭德纲于谦笑傲神州北展专场