微信浏览器中使用h5同层播放器

最新推荐文章于 2024-01-17 15:17:40 发布

原创最新推荐文章于 2024-01-17 15:17:40 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信播放器 #h5同层播放器

问题总结专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了H5同层播放器的接入规范，包括如何在网页中正确嵌入视频元素，确保视频在不同设备和浏览器上正常播放。提供了必要的属性设置和兼容性解决方案。

<video
    class="video-player"
    playsinline="" //IOS微信浏览器支持小窗内播放
    webkit-playsinline="" //IOS微信浏览器支持小窗内播放
    preload
    x5-video-player-type="h5-page" //同层播放器窗口播放
    x5-video-player-type="h5" //同层播放器全屏播放
    x5-video-player-fullscreen="true" //同层播放器全屏播放
    :src=""
    :poster=""
>
    你的浏览器不支持视频播放
</video>

h5同层播放器接入规范：https://x5.tencent.com/tbs/guide/video.html