DIV+CSS+HTML 订阅所有【DIV+CSS+HTML】的日志

HTML5动画(HTML5 Video Destruction)

作者:rainweb 日期:2010-05-12

字体大小: 小 中 大

演示地址(请使用伟大的Firefox浏览器或Chrome) 开始以为真的是html5+Canvas+javascript做的逐帧动画，被吓到了，这效果直逼3D动画，后来看了一下源代码，原来是视频文件，只不过使用了html5标签以及Canvas+Javascript的特效，不过效果真的很不错的，这个与flash播放器比，还真有分量的。
 

相关代码：
 

XML/HTML代码
  1. <div style="display:none">  
  2.   
  3.         <video id="sourcevid" autoplay="true" loop="true">  
  4.             <source src="BigBuckBunny_640x360.mp4" type="video/mp4"/>  
  5.             <source src="BigBuckBunny_640x360.ogv" type="video/ogg"/>  
  6.         </video>  
  7.         <canvas id="sourcecopy" width="640" height="360"></canvas>  
  8. </div>  

 




文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
回复回复虎魄[2011-05-06 04:38 PM | del]
~~我用的火狐浏览器~~没见动啊~要插件不？
发表评论
昵　称:
密　码: 游客发言不需要密码.
内　容:
验证码: 验证码
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.