केवल HTML में एक कुंजी होने पर वीडियो कैसे चलाएं

Question 1

मेरे पास एक कुंजी दबाने के लिए कोड है लेकिन मुझे यह लागू करने की आवश्यकता है कि वीडियो चलाने के लिए कुंजी कहां रखी गई है

var vid = document.getElementById('myVideo');   
document.onkeypress = function(e){
    if((e || window.event).keyCode === 112){
        vid.paused ? vid.play() : vid.pause();

मुझे पता है कि मुझे ऑनकीडाउन और ऑनकीअप का उपयोग करना है, लेकिन यह सुनिश्चित नहीं है कि कैसे

javascript html

1

Douglas Banks 26 अक्टूबर 2019, 04:18

Answer

const vid = document.getElementById('myVideo');

const playPauseVideo = ev => {
  if (ev.key !== 'F1') return; // Do nothing if not F1
  ev.preventDefault();         // Prevent browser default action (on F1)
  vid[ev.type === 'keydown' ? 'play' : 'pause']();
}

document.addEventListener('keydown', playPauseVideo);
document.addEventListener('keyup', playPauseVideo);

Press and hold F1 to play video
<video id="myVideo" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4"></video>

2

Roko C. Buljan 26 अक्टूबर 2019, 01:34

Question 2

const vid = document.getElementById('myVideo');

const playPauseVideo = ev => {
  if (ev.key !== 'F1') return; // Do nothing if not F1
  ev.preventDefault();         // Prevent browser default action (on F1)
  vid[ev.type === 'keydown' ? 'play' : 'pause']();
}

document.addEventListener('keydown', playPauseVideo);
document.addEventListener('keyup', playPauseVideo);

Press and hold F1 to play video
<video id="myVideo" src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4"></video>

2

Roko C. Buljan 26 अक्टूबर 2019, 01:34

केवल HTML में एक कुंजी होने पर वीडियो कैसे चलाएं

1 उत्तर

संबंधित सवाल

नए सवाल