three.js插件实现立体动感视频播放效果

2019独角兽企业重金招聘Python工程师标准>>>

效果描述：

立体式视频播放效果

大家使用的时候可得注意了，它并不支持低版本浏览器

使用方法：

1、将body中的代码部分拷贝到你需要的地方,将视频文件路径修改为你的视频路径即可

(demo视频文件、js采用绝对路径，不建议修改)

效果预览：http://www.phplearn.cn/dshare/info_2021.html

转载于:https://my.oschina.net/wybo521/blog/603252

three.js插件实现立体动感视频播放效果相关推荐

vue实现波纹效果_简单的Vue.js插件可实现自定义波纹效果
vue实现波纹效果 Vue-Rippler (vue-rippler) Simple Vue.js plugin for custom ripple effect. 简单的Vue.js插件可实现自定义 ...
html中钟表功能的js插件,javascript绘制简单钟表效果
本文给大家分享一个canvas的时钟绘制,供大家参考,具体内容如下复制可直接使用 h1 { text-align: center; } div { width: 400px; height: 400 ...
Canvas Confetti 五彩纸屑特效 JS 插件
介绍 canvas-confetti 是一个使用 canvas 的五彩纸屑特效 JS 插件.先看下效果: 使用方式 1.NPM 安装: npm install --save canvas-confet ...
35个立体动感的视差滚动效果网站作品
这篇文章收集了35个具有立体动感效果的视差滚动网页设计作品分享给大家.视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验.作为今 ...
Bootstrap警告框、弹出提示层、模态框的js插件效果总结
Bootstrap警告框js插件经常会在bootstrap项目中遇到警告框.弹出提示层.弹出模态框组件等等场景应用. 使用前准备: 插件使用之前,请先导入如下文件: jquery.min.js bo ...
JS 实现3D立体效果的首页轮播图（瞬间让你的网站高大上，逼格满满）
还是那句话,废话少说,直接上源代码:http://download.csdn.net/detail/cometwo/9387901 <html> <head> <titl ...
Bootstrap JS插件使用实例(6)-折叠(手风琴效果)
本篇文章讨论Bootstrap的js插件的折叠效果(bootstrap-collapse.js),即控制页面某一区域内容的显示和隐藏.通过将多个这样的折叠元素组合起来,我们就可以实现诸如手风琴或是导航 ...
js打印html5,控制台打印文字效果js插件-typed.js
typed.js是一款模拟控制台打印文字效果的js插件.typed.js可以自由的控制要打印的文字,以及打印的速度等,可以制作出逼真的打印文字效果. 安装可以通过bower来安装typed.js插件 ...
php h5视频播放器,基于JSON数据HTML5视频播放器js插件
frame-player是一款基于JSON数据HTML5视频播放器js插件.该插件没有使用视频文件,只使用JSON格式的数据.在移动手机设备上使用图片帧的形式来播放视频文件. HTML5视频文件的一个 ...

three.js插件实现立体动感视频播放效果

three.js插件实现立体动感视频播放效果相关推荐

最新文章

热门文章