带有 javascript 和 html 的视频 [关闭]

Question

所以在过去的几天里，我一直在玩弄 javascript 和 html。在 html 5 视频标签上。我想创建一个没有 jquery 的可靠视频播放器。我看过关于自定义控件（如音量、播放和暂停以及全屏）的不同教程。关于一些更高级的控制，我想再深入一点，但没有太多寻找好的来源。诸如悬停在时间线上并获取当时显示的图像之类的事情。很像 youtube 和其他视频播放器的工作方式。添加更多凝灰岩内容，例如时间信息、擦洗栏、关键时刻、微擦洗和字幕。

谁能指出我可以找到我列出的任何东西的方向？

谢谢你：D

Answer 1

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

this Mozilla MDN Using HTML5 audio and video 提供了一个很好的指南

来自简单标签

 <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>