Javascript 在新的HTML5中，我应该使用什么技术组合来制作具有自定义用户界面的视频播放器

我现在正在尝试做一些简单的事情。我正在为自闭症儿童制作视频播放器。其想法是：视频播放器在平板电脑（ipad/android）上运行。轻触（屏幕上的任意位置）可在播放/暂停之间切换视频状态

目前，我正试图让它只在chrome/firefox浏览器+PC组合上工作。我一直在阅读有关编解码器的持续问题，并且熟悉整个开源/付费编解码器问题。现在，我只想让功能到位。 设置一个视频播放器并将其指向正确的来源是一件很容易的事。我想知道什么是捕捉用户事件的好方法，可以点击屏幕上的任意位置并切换播放状态。 我想尝试一些新的HTML5，但是技术/选项太多了。有人能告诉我什么库/技术最适合（jquery/其他一些js库）？在这样做的过程中，我想探索一下如何使用一些库，这些库也可以在将来的其他项目中使用

---

谢谢您的时间。

这是一个很好的列表。它们都有各自的优点和缺点。您只需要选择最适合您的需要的库，然后从中构建。

您是否可以在整个内容周围包装一个div，并在暂停和播放之间触发的div上附加一个onclick事件

<script>
var playing = 1;

function togglePlay(){
    if(playing){
       tellVideoPlayerToStop();
       playing = 0;
    } else {
       tellVideoPLayerToStart();
       playing = 1;
    }
}
</script>

<div id="divid" onclick="togglePlay();"> 
  //Video player goes here.
</div>

var=1；
函数togglePlay（）{
如果（玩）{
tellVideoPlayerToStop（）；
播放=0；
}否则{
tellVideoPLayerToStart（）；
播放=1；
}
}
//视频播放器在这里。

---

这太简单了，但总的想法还在那里吗？

谢谢你的回复。我最后做了一些和你贴的类似的事情，只是没有div。我给了视频标签一个id，并直接引用了它。