flash和html5方式播放视频方法(代码&播放器)

jitao by:jitao 分类:html 时间:4周前 阅读:174 评论:0

声明:本博客无特殊申明,文章皆为原创,转载引用 遵循创作共用版权 CC BY-NC-ND/2.5/CN 许可协议

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

1.使用html5的<video>标签

<video width="480" height="360" controls="controls"> 
     <source src="\movie\xxxx.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>
<!-- 播放器代码结束 -->

flash和html5方式播放视频方法(代码&播放器)player.zip <--- 点此下载

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

<iframe frameborder="0" height="300" scrolling="no" src="player.html页面路径" width="510"></iframe>
非特殊说明,本文版权归原作者所有,转载请注明出处

本文地址:http://68up.com/webcode/flash_and_html_video_tag_player.html

评论列表

发表评论

  • 昵称(必填)
  • 邮箱
  • 网址

TOP