HTML5 기본 컨트롤 사용 안함

HTML5 동영상의 Showcontrols 옵션을 어떻게 비활성화 할 수 있는지 알고 싶습니다. HTML5 기본 컨트롤 사용 안함

이

내가 사용하지 않을 것입니다 :

내가 사용하지 않으려는 이유는 내 사용자 지정 컨트롤을 사용하고 난 마우스 호버 경우 내가 내 사용자 지정 컨트롤을 표시 할 필요하면 내가 마우스를 떠날 때해야 컨트롤을 숨기면 문제는 ShowControls를 선택하면 기본 컨트롤이 나타나지 않는다는 것입니다.

누구나 저에게 제안 할 수 있습니까?

enter image description here

예를 들어

출처

2012-03-24 coder

var video = document.getElementById("video"); // assuming "video" is your videos' id 
video.removeAttribute("controls");

: http://jsfiddle.net/dySyv/1/

출처

2012-03-24 18:21:45

+1. ** controls ** 속성을 설정하지 말고 http://dev.w3.org/html5/spec/single-page.html#attr-media-controls –

@ Martin-Thanks for the를 참조하십시오. 빠른 답장. 그리고 이것은 내가 필요로하는 바로 그 것이다! :) – coder

@ Adriano-Great! 해명 해줘서 고마워. – coder

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;" .Context 메뉴를 추가 동영상이 표시되지 않습니다. 사용자가 동영상을 켤 수 없습니다.

(사용자 정의 컨텍스트 메뉴를 추가 할 수 있으며 자바 스크립트를 사용하여 쇼 시간도에 변경 볼륨에,, 이을 추구 일시 정지/플레이 사용자 지정 컨트롤을 만들 수 있습니다.)

는 희망이 도움이 ... :)

출처

2016-12-27 06:32:02 SreYash

HTML5 기본 컨트롤 사용 안함

답변

관련 문제