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>

javascript 和 html 的视频

video with javascript and html

javascript

html

css

video

video-player