公众号内嵌 iframe 腾讯视频,ios端有全屏按钮可全屏,安卓端无法看到全屏按钮,无法全屏播放。在开发者工具内,发现只有安卓端全屏代码按钮代码中会多“txp_none”类。苹果端没有。具体请看以下代码
苹果端:
<div class="txp_right_controls">
<button class="txp_btn txp_btn_playrate txp_none" aria-label="倍速">
<div class="txp_label">倍速</div>
</button>
<button class="txp_btn txp_btn_definition" data-status="false" aria-label="清晰度">
<div class="txp_label">720P</div>
</button>
<button class="txp_btn txp_btn_fullscreen" data-status="false" aria-label="全屏">
<svg class="txp_icon txp_icon_fullscreen" viewBox="0 0 24 24">
<use class="txp_svg_fullscreen" xlink:href="#txp_svg_fullscreen"></use>
<use class="txp_svg_fullscreen_true" xlink:href="#txp_svg_fullscreen_true"></use>
</svg>
</button>
<button class="txp_btn txp_btn_fullscreen txp_none txp_btn_fake" data-status="false" aria-label="伪全屏">
<svg class="txp_icon txp_icon_fullscreen" viewBox="0 0 24 24">
<use class="txp_svg_fullscreen" xlink:href="#txp_svg_fullscreen"></use>
<use class="txp_svg_fullscreen_true" xlink:href="#txp_svg_fullscreen_true"></use>
</svg>
</button>
</div>
安卓端:
<div class="txp_right_controls">
<button class="txp_btn txp_btn_playrate txp_none" aria-label="倍速">
<div class="txp_label">倍速</div>
</button>
<button class="txp_btn txp_btn_definition" data-status="false" aria-label="清晰度">
<div class="txp_label">720P</div>
</button>
<button class="txp_btn txp_btn_fullscreen txp_none" data-status="false" aria-label="全屏">
<svg class="txp_icon txp_icon_fullscreen" viewBox="0 0 24 24">
<use class="txp_svg_fullscreen" xlink:href="#txp_svg_fullscreen"></use>
<use class="txp_svg_fullscreen_true" xlink:href="#txp_svg_fullscreen_true"></use>
</svg>
</button>
<button class="txp_btn txp_btn_fullscreen txp_none txp_btn_fake" data-status="false" aria-label="伪全屏">
<svg class="txp_icon txp_icon_fullscreen" viewBox="0 0 24 24">
<use class="txp_svg_fullscreen" xlink:href="#txp_svg_fullscreen"></use>
<use class="txp_svg_fullscreen_true" xlink:href="#txp_svg_fullscreen_true"></use>
</svg>
</button>
</div>
希望能解决这个问题
你好,麻烦提供下机型,微信版本号和复现链接