-
计算video实际显示图像部分在整个video标签中显示的大小和位置
当video显示的视频分辨率宽高比与页面给定的video的宽高比不同时,video的显示会有一部分留白,此方式计算video实际显示图像部分在整个video标签中显示的大小和位置
-
获取设备摄像头显示视频及播放控制操作
获取设备的摄像头,显示视频 源地址:https://code.h5jun.com/miri/7/edit?html,css,js,output
-
WebVR(A-Frame) 360度全景视频示例
Panoramic video,可使用Oculus Go上的Firefox Reality浏览器来观看
-
测试video的playsinline属性
iOS10+内置支持了playsinline属性,用来控制视频在网页中播放,而不是弹出全屏窗口。
-
使用SVG和CSS3 mask特性实现的文本内视频遮罩特效
SVG video mask on text,气球视频遮掩文本特效,本例是一个学习CSS3 mask特性和SVG video mask的很好的例子,而且动画特效也很实用。
-
使用WebRTC SkylinkJS构建的在线视频聊天室
WebRTC with SkylinkJS to build a Video private chat room.
-
HTML5网站首页全屏视频背景 + 滚动时收缩标题栏
Full Page Video and Scroll Shrink,使用muted属性使video保持静音。
-
如何实现视频网站常见的页面向下滚动时的浮动视频小窗口
Scroll Reaction with Fixed Video Box,类似Youtube等视频页面常见的交互效果,页面滚动到下面评论区时,在页面右下角固定位置弹出一个浮层小窗口来继续显示视频。
-
HTML5 全屏视频背景和合成模式标题文本
Fullscreen Background Video with Mix-Blend-Mode Overlay Text,在视频未加载时,使用一张图片占位。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
WebGIS(Web Map)基础概念简介
大地水准面 (geoid)大地水准面是海洋表面在排除风力、潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面。虽然我们通常说...
Stone 3D Demo Cases
新能源虚拟城市概念展https://wow.techbrood.com/static/20210108/60580.html邻里家全景图浏览https://wow.techbrood.com/static/20210223/61008.html3D电子调音...
Techbrood Stone 3D IDE Release Notes
Stone 3D致力于在沉浸式网页(web3d/webxr)应用领域提供一款可以和Unity、Unreal相互竞争的轻量级引擎。Stone的体量只有Unity、Unrea...
Linux Apache2如何开启gzip (deflate module) 压缩功能
检查你的网站是否启用了gzip,用chrome打开网站比如http://www.techbrood.com选中一个请求,查看Response header部分,...
网页3D编辑器Stone用户手册和使用说明
更多...