您的位置:主页 > 网页模板 >

网页模板 flash和html5方式播放视频

2019-09-29作者:纪涛博客来源:68up.com次阅读

一种网站产品详情页放置内建视频播放器的方法,用flash或html5 <video>标签实现。

1.使用html5的<video>标签

<video width="480" height="360" controls="controls"> 
     <source src="moviexxxx.mp4" type="video/mp4" >视频</source>  
 您的浏览器不支持HTML5方式播放视频
  </video>

2.使用网上找的flash方式代码.

<title>Video Player</title>
<!-- 播放器代码开始 -->
<script type="text/javascript" src="images/swfobject.js"></script>
<div class="video" id="CuPlayer" style="600px;margin:0 auto;">
<strong>播放器示:您的Flash Player版本过低,请进行Flash Player升级</a>!</strong>
</div>

<script type="text/javascript">
var so = new SWFObject("PlayerLite.swf","CuPlayerV4","480","360","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
so.addVariable("videoDefault","1467278922242.mp4"); //视频文件地址
so.addVariable("holdImage","start.jpg");//视频缩图地址
so.addVariable("autoHide","true"); 
so.addVariable("hideType","fade");
so.addVariable("autoStart","true");
so.addVariable("startVol","60");
so.addVariable("hideDelay","60");
so.addVariable("bgAlpha","75");
so.write("CuPlayer");
</script>
<!-- 播放器代码结束 -->

player.zip <--- 点此下载

将上述代码 保存为player.html 与附件中的文件放同一个文件夹里,上传到网站目录的任意位置,记住player.html的页面路径,使用iframe调用。

<iframe frameborder="0" height="300" scrolling="no" src="player.html页面路径" 
width="510"> </iframe>

凡本站注明“本站”或“投稿”的所有文章,版权均属于纪涛博客或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。本站已授权使用的作品,应在授权范围内使用,并注明“来源:纪涛博客”并附上链接。违反上述声明者,本站将追究其相关法律责任。

编辑:68up.com 关键词:

网友评论

随机推荐

图文聚集

热门排行

最新文章

新浪微博 腾讯微博 RSS订阅