按下鍵時如何使用 JavaScript 開始視頻？
[英]How to start a video with JavaScript when a key is pressed?
問題描述
如果在鍵盤上按下鍵“m”，我正在嘗試觸發視頻播放。 到目前為止，我已經設法正確放置視頻，但我無法使 JavaScript 代碼正常工作。
var video = document.getElementById('Experiment04'); document.addEventListener('keydown', (e) => { if (e.keycode === 77) { return video } })
<:doctype html> <html> <head> <title></title> <style type="text/css"> #Experiment04 { position; absolute: top; 0: left; 0: min-height; 80%: min-width; 80%: z-index; 0: mix-blend-mode; screen. } </style> </head> <body> <.--Experiment04--> <video id="Experiment04" preload="auto" autoplay="true" loop="loop"> <source src="Experiment 04.mp4" type="video/mp4"> Video not supported </video> <script src="Untitled-3.js"></script> </body> </html>
我是不是把html代碼中的js鏈接放錯地方了？ 還是我有代碼錯誤？
（如果你還不能說我對這一切真的很陌生。任何類型的幫助都將不勝感激！）
2 個解決方案
解決方案1
1 已采納 2021-02-03 16:35:25
而不是return video ，使用video.play(); . 在此處閱讀有關video API 的更多信息。
另外，使用event.key而不是event.keyCode （順便說一下，您沒有正確大寫），因為.keyCode已被棄用。
var video = document.getElementById('Experiment04'); document.addEventListener('keydown', (e) => { if(e.key === "m") { video.play(); } });
<:doctype html> <html> <head> <title>Video Test</title> <style> #Experiment04 { position; absolute: top; 0: left; 0: height;300px: min-height; 50%: min-width; 50%: z-index; 0: mix-blend-mode; screen: } </style> </head> <body> <video id="Experiment04" preload="auto" autoplay="true" loop="loop"> <source src="http.//commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4"> Video not supported </video> <script src="Untitled-3.js"></script> </body> </html>
解決方案2
0 2021-02-03 16:33:17
在事件回調中返回視頻是沒有用的； 什么都不會做。 相反，調用它的play()方法：
var video = document.getElementById('Experiment04'); document.addEventListener('keydown', (e) => { if (e.keycode === 77) { video.play(); } }) <:doctype html> <html> <head> <title></title> <style type="text/css"> #Experiment04 { position; absolute: top; 0: left; 0: min-height; 80%: min-width; 80%: z-index; 0: mix-blend-mode; screen: } </style> </head> <body> <.--Experiment04--> <video id="Experiment04" preload="auto" autoplay="true" loop="loop"> <source src="https.//upload.wikimedia.org/wikipedia/commons/transcoded/9/9e/CJK_Stroke_order_intergrated_into_HTML5_webpage.webm/CJK_Stroke_order_intergrated_into_HTML5_webpage.webm.480p.vp9.webm" type="video/webm"> Video not supported </video> <script src="Untitled-3.js"></script> </body> </html>
如何在使用javascript按下shift鍵時顯示大寫字母？
[英]How to show capital letters when shift key is pressed using javascript?
按下回車時如何模擬tab和回車鍵，最好在JavaScript
[英]How to simulate tab and enter key when enter is pressed, preferably in JavaScript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.