如何做出苹果官方Macbook那么顺畅动画效果

最近研究HTML5的video，
看到苹果官网对于MacBook的介绍页面的那个动画效果做的很流畅，
然后自己写了一个Demo，但是发现简单的通过滚动高度变化来动态设置video.currentTime做出来的效果没有那么流畅，在这里问下有做过相关效果的大神们，还需要考虑哪些因素呢

苹果官网：http://www.apple.com/macbook/

html

html5

阅读 6.7k

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？
想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？或者那种插件兼容性会比较好呢？
5 回答1.4k 阅读
快开发完的Vue3项目要做SEO该如何处理？
快开发完的Vue3项目要做SEO该如何处理？项目已经快开发完了，领导让做SEO，目前的需求是首页做SEO，其他页面不需要优化去论坛上查了一下，发现好多针对Vue的SEO库都过时弃用了，大家有什么好用的库推荐吗？
5 回答1.1k 阅读✓ 已解决
问一个鼠标滚动事件，这种是怎么实现的？
我看到了deepseek官网的这个按钮，鼠标放上去，还是可以滚动页面，这个是怎么做的？我研究了一下deepseek官网的支持，而通义千问的却不可以。
2 回答1.4k 阅读✓ 已解决
form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？
{代码...} {代码...} 这种基于name直接读取dom元素的写法，兼容性如何？有无标准说明？
2 回答824 阅读✓ 已解决
怎么用css 实现这个形状？
怎么用css实现这个图形，长度跟随里面的文字变化，左右的两个角带有一点弧度？1
2 回答1.6k 阅读
threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？
尝试过改变碰撞后位移的值capsule&&capsule.translate(result.normal.multiplyScalar( result.depth));
1 回答1.1k 阅读✓ 已解决
关于标签上的事件绑定生效？
在标签上绑定click事件，当事件内直接写表达式时，报错当click事件绑定一个方法时，就可以正常跳转路由是因为针对标签和方法编译时期的不同吗？
4 回答1.1k 阅读✓ 已解决

相似问题

如何做出这种幻灯片凸显的效果？是用到了bootstrap吗？
9 回答4.9k 阅读
苹果官网使用滚轴事件控制canvas的层级显示效果
2 回答4.1k 阅读
overflow-x苹果端兼容问题
1 回答3.6k 阅读
css关键帧动画，在安卓和苹果上显示不一样，有没有人遇见过，bug？？？
1.6k 阅读
vue苹果浏览器微信公众号底部回退栏如何固定或隐藏
1 回答6.8k 阅读✓ 已解决

找不到问题？创建新问题

如何做出苹果官方Macbook那么顺畅动画效果

你尚未登录，登录后可以

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

快开发完的Vue3项目要做SEO该如何处理？

问一个鼠标滚动事件，这种是怎么实现的？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

怎么用css 实现这个形状？

threejs用octree实现房间内第三人称漫游并且添加了碰撞，人物在碰撞到墙壁的时候不停的弹回，应该怎么修改才能不会疯狂的弹回？

关于标签上的事件绑定生效？