整合swfobject 2.2 和 jw player 5.1
2010-05-15 13:50
274 查看
最近在做网站中,因为要播放flv的视频,该视频在放在服务器上面的。所以打算用jwplayer来播放flv的视频。jwplayer是利用swfobject来插入的,做SEO的时候大家都会用来插入swf的吧,嘿嘿,这个不会用swfobject的,这里有份教程
按照jwplayer官方网站的范例,竟然不能运行.
下面是官方的代码
代码
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js"></script>
<script type="text/javascript">
var flashvars =
{
'file': '/movies/sunny_share.flv',
'image': '/player/preview.jpg',
'id': 'playerID',
'autostart': 'true'
};
var params =
{
'allowfullscreen': 'true',
'allowscriptaccess': 'always',
'bgcolor': '#000000'
};
var attributes =
{
'align': 'top',
'name': 'playerID',
'id': 'playerID'
};
swfobject.embedSWF('player.swf', 'video', '390', '297', '9.0.124', 'js/swfobject/expressInstall.swf', flashvars, params, attributes);
</script>
html代码
<div style="width: 390px; height: 297px;" id="video"></div>
将下载回来的 mediaplayer-viral.zip文件,解压,在这里我把player-viral.swf文件改名为player.swf。
相关设置参考上面的swfobject的教程。
这样我们就可以在div 做相关的视频SEO了....
按照jwplayer官方网站的范例,竟然不能运行.
下面是官方的代码
代码
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2/swfobject.js"></script>
<script type="text/javascript">
var flashvars =
{
'file': '/movies/sunny_share.flv',
'image': '/player/preview.jpg',
'id': 'playerID',
'autostart': 'true'
};
var params =
{
'allowfullscreen': 'true',
'allowscriptaccess': 'always',
'bgcolor': '#000000'
};
var attributes =
{
'align': 'top',
'name': 'playerID',
'id': 'playerID'
};
swfobject.embedSWF('player.swf', 'video', '390', '297', '9.0.124', 'js/swfobject/expressInstall.swf', flashvars, params, attributes);
</script>
html代码
<div style="width: 390px; height: 297px;" id="video"></div>
将下载回来的 mediaplayer-viral.zip文件,解压,在这里我把player-viral.swf文件改名为player.swf。
相关设置参考上面的swfobject的教程。
这样我们就可以在div 做相关的视频SEO了....
相关文章推荐
- 在CentOS 5.1上安装Apache 2.2 + PHP 5.2笔记
- apache2.2与tomcat5.5整合
- ubuntu12.04下tomcat7.0+apache2.2的整合
- struts2.2+hibernate3.2+spring2.5整合所需要的包
- 整合apache2.2和tomcat5.5
- FreeBSD 5.5+Apache 2.2+MySQL 5.1+PHP 5+Discuz 5.5使用ports构建日志
- SharpDevelop2.2与NCover-1.5.8的整合
- JSP环境配置 Apache2.2和Tomcat5.5整合
- Apache 2.2整合tomcat后进行多域名跳转
- apache 2.2 php 5.2 mysql 5.1安装与配置
- Apache2.2+Tomcat7.0整合配置详解
- Apache2.2整合PHP5.2
- myBatis3,spring3,struts2.2整合
- Apache2.2+Tomcat7.0整合配置详解
- 基于MyEclipse8.6开发Spring3.0+Hibernate3.3+Struts2.2整合笔记一
- 4000 spring4整合hibernate5.1
- flash视频播放jw player的使用流程(与rails的整合)
- Apache2.2+Tomcat6.0--combined 最新详细版整合文档
- php5和apache2.2的整合
- 【SSH进阶之路】【三】hibernate5.1整合spring4