HTML-видео правое контекстное меню - скрыть только петли и показать элементы управления

Question

Когда вы щелкаете правой кнопкой мыши на видео, чтобы отобразить контекстное меню, я хотел бы скрыть первые две опции ( Loop и Показать элементы управления ), я могу только найти решениячтобы полностью скрыть контекстное меню ...

Кто-нибудь знает, что это за правильный тег, чтобы эти две опции не отображались?

Пример (клик правой кнопкой мыши на видео):

var figure = jQuery(".video").hover( hoverVideo, hideVideo );

function hoverVideo(e) {  
    jQuery('video', this).get(0).play(); 
}

function hideVideo(e) {
    jQuery('video', this).get(0).pause(); 
}

    #videosList {
 max-width: 600px; 
  overflow: hidden;
}

.video {
  background-image: url('https://img.youtube.com/vi/nZcejtAwxz4/maxresdefault.jpg');
  height: 330px;
  width: 600px;
  margin-bottom: 50px;
}

/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
    display:none !important;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<div id="videosList">           

<div class="video">
    <video class="thevideo" loop preload="none">
      <source src="https://giant.gfycat.com/VerifiableTerrificHind.mp4" type="video/mp4">
      <source src="https://giant.gfycat.com/VerifiableTerrificHind.webm" type="video/webm">
    Your browser does not support the video tag.
    </video>
  </div>
</div>

Answer 1

Я узнал, как решить эту проблему чисто случайно, поместив над ним один оверлей div с помощью CSS:

position: absolute;
width: 100%;
height: 100%;
opacity: 0;

Видео должно быть Позиция: относительная; очевидно.

Я использовал этот div в качестве контейнера для моего текста, но он также решает мою проблему с управлением видео.