如何将After Effects动画嵌入我的网站?

问题描述:

我是新来的编码,并且在创建我的个人网站的同时努力学习。我目前的斗争是以后效果的形式出现的。因此,我为我的网站欢迎屏幕创建了一个动画,其中包含我的徽标和后期效果中的欢迎消息。但是,我坚持从后效应进入括号。我试着把它作为一个.mov文件渲染出来,但这并不是我想要的。有没有解决这个问题?如何将After Effects动画嵌入我的网站?

P.s.我曾尝试使用bodymovin扩展名,但我无法让它为我工作。令人沮丧的是拥有所有想法和视觉效果,但无法将其转化为代码形式。如果有一个简单的工作,我错过了,我提前道歉。

非常感谢!

+1

后遗症......呃,*效果*所特有的视频我记得。 *可能*是某些网页的等价物(或相似之处),但它们不能直接互换或转让。 –

+0

如果你想要的动画你将不得不以某种方式呈现它的浏览器可以显示它们,例如.mov(可能太大的文件)或可能.webm,然后你可以有一些javascript后隐藏视频它已完成播放以显示您的网站。 – wrldbt

+0

为什么你没有能够使用bodymovin。你能分享一些你试过的代码吗? – airnan

导出压缩视频 - .mp4。然后使用<video>标签嵌入它:

<video src="/path/to/your/video.mp4" autoplay poster="/path/to/placeholderImage.png">Message to users here if their browser doessn't support the video tag (unlikely)</video> 

了解更多关于视频标签的位置:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video