html5中的透明视频[暂停]

作者: 纾潆锦袖迷子
发布时间: 2024-10-26 03:53:22 (7天前)
转自：

4 条回复

0#
回复此人
梦中会飞的鱼 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> mp4和大多数其他常见视频格式不支持Alpha透明度。 </p> <P> 您需要做的是确定您嵌入视频的网站的背景颜色，并将视频的背景颜色设置为编码时的背景颜色。 </p> </DIV>

编辑
1#
回复此人
LOGO | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 我建议你简单地使用一个gif。我不确定我是否理解你的问题。但通常mp4不支持透明背景。 GIF呢。如果您需要声音，则需要在代码中手动播放声音文件。 </p> </DIV>

编辑
2#
回复此人
Gassyc加西可 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> <code> MP4 </code> 视频不支持Alpha通道，因此您无法使用 <code> MP4 </code> 获得透明的背景。 </p> <P> 你可能会用 <code> webm </code> 代替。 <a href="https://developers.google.com/web/updates/2013/07/Alpha-transparency-in-Chrome-video" rel="nofollow noreferrer"> 这里有一些细节 </A> <code> webm </code> 来自谷歌。并非所有浏览器都支持 <code> webm </code> ，这里有一个 <a href="https://caniuse.com/#feat=webm" rel="nofollow noreferrer"> 支持清单 </A> 。 </p> <P> 如果你真的想用 <code> MP4 </code> 这是一个可以执行此操作的JavaScript库： <a href="https://github.com/m90/seeThru" rel="nofollow noreferrer"> seeThru </A> </p> <BLOCKQUOTE> <P> 您的HTML5视频源会重新渲染为canvas元素，并添加可以在视频中使用透明胶片。 Alpha信息要么包含在视频的源文件中（移动），要么包含在单独的 - 元素（静态）。 </p> </BLOCKQUOTE> <P> 它在HTML5桌面浏览器（甚至IE9）上运行良好。 </p> </DIV>

编辑

登录后才能参与评论