Question

2天，我遇到了问题。有一个项目-一个视频任务。视频以全屏模式播放，并且在正确的时间出现在按钮上。在macOS，Android上，赢得一切都很好，并且IOS不允许在视频顶部显示内容，因此它添加了自己的控件，而这不是应该的。如何解决？

这是HTML。

<video id="myVideo"  preload="metadata" src='https://embed-ssl.wistia.com/deliveries/7fad081767e9c9bd736c36e556c33fbf54b9d2e0/quest.mov'>
                        Your browser does not support HTML5 video.
                    </video>
<div class="selected_btns">
  <div id="section1" class="section_list">
      <div class="button"> 
          <a href="#" data-place="21" data-end='30' onclick="trackOutboundLink('rise_of_machines','first_stop'); return false;">Это восстание машин и надо спасаться!»</a>
     </div>
     <div class="button">          
          <a href="#" data-place="32" data-end='41' onclick="trackOutboundLink('future_here','first_stop'); return false;">Вау, будущее уже здесь, давай познакомимся!</a>
    </div>   

    <div class="progress_bar">
        <div class="bee_progress">
                <div class="bee_bar" id='bar_1'>0</div>
        </div>
    </div>
  </div>

我使用本机js，jquery，没有其他框架。

全屏显示

function requestFullscreen( element ) {
    if ( element.requestFullscreen ) {
      element.requestFullscreen();
    } else if ( element.mozRequestFullScreen ) {
      element.mozRequestFullScreen();
    } else if ( element.webkitRequestFullScreen ) {
      element.webkitRequestFullScreen( Element.ALLOW_KEYBOARD_INPUT );
    //   element.webkitRequestFullScreen();

    }

仅在ios上有两个问题。

1）在全屏模式下显示系统视频控件

2）我无法通过视频按钮设置屏蔽。

在Adnroid上一切正常。

iOS全屏html5视频的错误

0 个答案: