代码之家 › 专栏 › 技术社区 › SteveEdson

如何在中国微信和腾讯浏览器中强制在线媒体播放

wechat html5-video android

0

SteveEdson · 技术社区 · 6 年前

我们开发了一个可以播放在线视频的网站/交互式应用程序,在iOS、Android(Chrome)、PhoneGap和英国的微信中都可以使用。

然而,当在中国的微信或腾讯X5浏览器中打开视频时,这些视频将进入一个全屏播放器,在视频结束时,其他“相关”的视频片段将显示给用户。

有没有办法阻止这种行为?通过自定义元标记或属性等?

下面的基本示例足以说明在像chrome这样的浏览器中进行测试时,与 https://play.google.com/store/apps/details?id=com.tencent.mtt

<video autoplay webkit-playsinline playsinline style="width: 500px">
    <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4">
</video>

认识到这是一个长期的尝试,这可能不是这个问题的最佳地点,任何在正确的方向上的帮助都会受到赞赏。

1 回复 | 直到 6 年前

1

2

Scaalees 6 年前

从腾讯浏览器文档中: https://x5.tencent.com/tbs/guide/video.html ,可以使用属性 x5-video-player-type="h5" 在使用此webview的应用程序(如微信)中查看时,防止默认(非标准)行为的视频元素。前例:

<video x5-video-player-type="h5" autoplay webkit-playsinline playsinline style="width: 500px">
    <source src="https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4">
</video>

还有一些其他用于控制行为的属性,例如 x5-video-player-fullscreen="true" .从(翻译的)文档中:

如果不声明此属性,则页面将获取视区的原始视区大小(在播放视频之前)。例如,在微信中,会有一个常驻的标题栏。如果不声明此属性,则不会给出标题栏高度。