html+JS刷图实现视频效果

本文介绍了如何利用JavaScript和HTML实现视频播放效果,通过不断刷图达到模拟视频播放的效果。方法一是通过JS创建绝对定位的图片层,设置Z-index属性并循环加载新图片。方法二是直接使用HTML加载服务器端的图片,但该方法浏览器支持度较低,主要适用于Firefox。
摘要由CSDN通过智能技术生成

网页播放视频需要加载播放器,但是通过刷图也能实现视频播放的效果

JS中用到Z-index属性,记录一篇讲解Z-index属性的博客的地址:

http://www.cnblogs.com/gisdream/archive/2010/06/10/1755891.html


方法1:

JS的代码

    <script type="text/javascript">
      var imageNr = 0;
      var finished = new Array();

      function createImageLayer() {
        var img = new Image();
        img.style.position = "absolute";
        img.style.zIndex = 0;
        img.onload = imageOnload;
        img.width = 480;
        img.height = 320;
        img.src = "/?action=snapshot&n=" &#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值