带有javascript和html的视频

所以在过去的几天里，我一直在乱搞javascript和html。在HTML5视频标签上。我想创建一个没有jquery的固态视频播放器。我看了一些关于自定义控件的教程，如音量、播放、暂停和全屏。我想再深入一点，但没有太多关于寻找一个好的来源，关于一些更先进的控制。比如在时间轴上悬停，获取当时所显示内容的图像。很像youtube和其他视频播放器的工作方式。添加更多凝灰岩材料，如时间信息、擦洗条、关键时刻、微擦洗和字幕

有人能告诉我一个方向，在那里我可以找到像我列出的东西吗

---

谢谢：D

HTML视频标签可以提供您在页面中嵌入媒体所需的一切

一个好的指南是由

从简单标签

用于控制音频和视频的媒体播放

播放音频
暂停音频
增加容量
onclick=“document.getElementById（'demo'）。音量-=0.1”>减少音量

---

欢迎来到堆栈溢出。这个问题似乎是偏离主题，请考虑指导方针。

 <video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls>
     Your browser does not support the <code>video</code> element.
 </video>

<audio id="demo" src="audio.mp3"></audio>
<div>
   <button onclick="document.getElementById('demo').play()">Play the Audio</button>
   <button onclick="document.getElementById('demo').pause()">Pause the Audio</button>
   <button  onclick="document.getElementById('demo').volume+=0.1">Increase Volume</button>
    <button> onclick="document.getElementById('demo').volume-=0.1">Decrease  Volume</button>
  </div>