Question

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

目前，我正在尝试使用chrome / firefox浏览器+ PC组合。我一直在阅读有关编解码器的持续问题，并且熟悉整个开源/付费编解码器问题。现在，我只想获得功能。设置视频播放器并将其指向正确的源是一个明智的选择。我想知道什么是一个很好的方法来捕获用户事件，以便在屏幕上的任何地方点击并切换播放状态。我想尝试一些新的HTML5东西，但技术/选项是压倒性的。有人可以建议我哪种库/技术是合适的（jquery /其他js库）？在这样做的过程中，我想探索一些我可以在其他未来项目中使用的库。

感谢您的时间。

Answer 1

Here是一个不错的列表。他们都有自己的优点和缺点。您只需选择最适合您需求的库并从那里构建。

Answer 2

你是否可以在整个事物中包装div并将onclick事件附加到暂停和播放之间触发的div？

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

这是过分简化但总的想法是非？

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

2 个答案: