收藏
回答

公众号内嵌 iframe 腾讯视频,ios端有全屏按钮可全屏,安卓端无法看到全屏按钮,无法全屏播放?

公众号内嵌 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>

希望能解决这个问题

回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签