在网页中看 youtube，只有在暂停时才显示播放控制器，播放时会自动隐藏。
有这个需求主要是因为使用没有键盘鼠标的触屏设备看 youtube 时，每次暂停都要点屏幕 2 下，第一下是显示播放控制器，第二下才能暂停，不仅麻烦，而且如果 2 次点击时间很短，就会触发全屏操作。
我不是搞前端的，这个问题难了我好久了，昨天到现在又研究了半天还没解决，饭都不想吃，望大佬指导要学习哪些前端的知识，用哪种办法才能解决这个问题。
就可以了
在触屏设备上第一次点击的效果和鼠标在视频框里移动的效果是一样的，都是激活播放控制器，过了 3 秒后播放控制器就会自动隐藏。
在触屏设备上激活播放控制器后，3 秒以内点击一次就能够暂停，我觉得我的需求描述为在激活播放控制器后，让播放控制器自动隐藏的等待时间变得非常长，超过视频的总长度就是我想要的效果了。
好在你的需求本身并不真的需要去控制控制器和进度条，只是需要视频响应触摸事件，那么并不复杂
在有 JS 基础的情况下，看看触摸事件的处理
https://developer.mozilla.org/zh-CN/docs/Web/API/Touch_events
然后把触摸事件关联到媒体控制，主要是 play 和 pause 方法
https://www.jianshu.com/p/efc29d72d7ec
然后用 Tampermonkey 写一段脚本应该就可以了