給video設(shè)置一個較低的z-index，如果兩個元素的級別不同的話，記得把各自父元素的z-index也設(shè)置好

給“標清”設(shè)置 z-index：2147483647, 并將這個元素放到video標簽后面。

<video></video>
<a>標清</a>

原因： 視頻全屏后，它的z-index被被設(shè)置為最大值，chrome和ie下是2147483647，超過這個值的z-index會被默認置為最大值。

所以，若a在video前，他們兩個具有相同的z-index，a被video擋住。反之，a會在video上面。

全屏后，標清按鈕是不能被點擊的。

解決方案是：捕獲到全屏時的點擊事件，判斷點擊發(fā)生的位置是否在“標清”按鈕上，然后觸發(fā)“標清”的click事件。

  $(document).click(function(event) {
          if(isFullScreen()) {
              console.log(event.originalEvent);
              var $button = $('.videoModal a');
              var btnOffset    = $button.offset();
              var buttonWidth = $button.outerWidth();
              var buttonHeight = $button.outerHeight();
              if((event.screenX >= btnOffset.left && event.screenX  <= btnOffset.left + buttonWidth) && 
                  (event.screenY >= btnOffset.top && event.screenY <= btnOffset.top + buttonHeight)) {
                      $button.trigger('click');
                      return false;
              }
          }
  });

  function isFullScreen() {
    var fullscreenElement =
        document.fullscreenEnabled
        || document.mozFullscreenElement
        || document.webkitFullscreenElement;
    var fullscreenEnabled =
        document.fullscreenEnabled
        || document.mozFullscreenEnabled
        || document.webkitFullscreenEnabled;
    if (fullscreenElement == null)
    {
        return false;
    } else {
        return true;
    }
 }