广告位

您现在的位置是:主页 > 网页模板 >

flash和html5方式播放视频

2020-07-25 15:27网页模板 人已围观

简介一种网站产品详情页放置内建视频播放器的方法,用flash或html5 video标签实现。 1.使用html5的video标签 videowidth=480height=360controls=controlssourcesrc=moviexxxx.mp4type=video/mp4视频/source您的浏览器不支...

一种网站产品详情页放置内建视频播放器的方法,用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>

Tags:

上一篇:没有了

下一篇:dedecms自定义表单 (文本、时间、ip)

广告位
    广告位

本栏推荐

    广告位

标签云

站点信息

  • 文章统计74篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们