HTML5 отключить элементы управления по умолчанию - PullRequest
Новая
       29

HTML5 отключить элементы управления по умолчанию

5 голосов
/ 24 марта 2012

Я хотел бы знать, как отключить параметры Showcontrols для видео HTML5.

Это то, что я хочу отключить:

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

Кто-нибудь может подсказать мне, как мне поступить с этим?

enter image description here

Ответы [ 2 ]

10 голосов
/ 24 марта 2012 
var video = document.getElementById("video"); // assuming "video" is your videos' id
video.removeAttribute("controls");

например: http://jsfiddle.net/dySyv/1/

1 голос
/ 27 декабря 2016 

var myVideo = document.getElementById("video"); 

function playPause() { 
    if (myVideo.paused) 
        myVideo.play(); 
    else 
        myVideo.pause(); 
} 
<body>
<video id="video" oncontextmenu="return false;" >
   <source src="https://www.html5rocks.com/en/tutorials/track/basics/treeOfLife/video/developerStories-en.webm" />
</video>
<br>
 <button onclick="playPause()">Play/Pause</button> 
 </body>

Здесь скрыты видеоконтроллеры, и чтобы пользователь не включал его, я добавил oncontextmenu="return false;". Контекстное меню для видео сейчас не отображается. Поэтому пользователь не можетвключите его.

(Вы можете добавить пользовательское контекстное меню, а также создать пользовательские элементы управления для воспроизведение / пауза , поиск , время показа а также изменить громкость с использованием JavaScript.)

Надеюсь, это поможет ...:)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...