返回

神坑微信视频同层播放器,你值得拥有

前端

神经病啊!

这是很多开发者在使用微信视频同层播放器时的第一反应。

确实,微信视频同层播放器是一个非常不友好的存在。它提供了更多的灵活性,但同时也带来了更多的bug和坑。

本文将分享我在使用微信视频同层播放器过程中踩过的坑,希望能帮助其他开发者避免同样的问题。

坑一:x5-video-player-type属性不兼容

x5-video-player-type属性是微信视频同层播放器的一个私有属性,用于启用同层播放。

但这个属性与其他平台的同层播放器属性不兼容。

例如,在其他平台上,同层播放器属性通常是“inline”或“autoplay”。

但是在微信上,同层播放器属性必须是“h5”。

如果不使用“h5”值,则视频无法正常播放。

坑二:视频无法自动播放

在微信上,视频无法自动播放。

这是因为微信禁止了视频的自动播放。

如果想要让视频自动播放,则需要在页面上添加一个“video-autoplay”标签。

坑三:视频无法全屏播放

在微信上,视频无法全屏播放。

这是因为微信禁止了视频的全屏播放。

如果想要让视频全屏播放,则需要在页面上添加一个“video-fullscreen”标签。

坑四:视频无法循环播放

在微信上,视频无法循环播放。

这是因为微信禁止了视频的循环播放。

如果想要让视频循环播放,则需要在页面上添加一个“video-loop”标签。

坑五:视频无法控制播放进度

在微信上,视频无法控制播放进度。

这是因为微信禁止了视频的播放进度控制。

如果想要控制视频的播放进度,则需要在页面上添加一个“video-seek”标签。

坑六:视频无法控制音量

在微信上,视频无法控制音量。

这是因为微信禁止了视频的音量控制。

如果想要控制视频的音量,则需要在页面上添加一个“video-volume”标签。

坑七:视频无法控制画质

在微信上,视频无法控制画质。

这是因为微信禁止了视频的画质控制。

如果想要控制视频的画质,则需要在页面上添加一个“video-quality”标签。

坑八:视频无法下载

在微信上,视频无法下载。

这是因为微信禁止了视频的下载。

如果想要下载视频,则需要在页面上添加一个“video-download”标签。

坑九:视频无法分享

在微信上,视频无法分享。

这是因为微信禁止了视频的分享。

如果想要分享视频,则需要在页面上添加一个“video-share”标签。

坑十:视频无法评论

在微信上,视频无法评论。

这是因为微信禁止了视频的评论。

如果想要评论视频,则需要在页面上添加一个“video-comment”标签。

结论

微信视频同层播放器是一个非常不友好的存在。

它提供了更多的灵活性,但同时也带来了更多的bug和坑。

希望本文分享的这些坑能帮助其他开发者避免同样的问题。