如何用javascript控制HTML5视频?

录像带 是纯CSS的视频播放器,它是开源的。如果我想用HTML5解决这个问题,这是我唯一的选择。

对于视频控件,VideoJS在开头有一些选项。

$("video").VideoJS({ 
      controlsbelow: false,
      showControlAtStart: false
});

为了 问题,我找到了自己的解决办法,我想和你分享。
因为我知道屏幕大小,所以我制作了一个高于所有内容的面板。

.fullscreen {
    width:1280px;
    height:800px;
    z-index:10001;
    top:0;
    left:0;
    position:fixed;
}

在视频结束时,我将可见性更改为隐藏(显示:无)

$("video").bind("ended", function () {
      $("#videoContainer").removeClass("fullscreen").addClass("hidden");
});

然后容器窗口和视频内容都变成全屏。 谢谢大家。

Is there a way to make HTML5 video fullscreen?

2) 也许你可以考虑使用类似jQuery插件和lightbox之类的东西 this

编辑:

3) 至于视频播放器,请查看:

http://videojs.com/

祝你好运!

要隐藏控件,只需在on-video元素上省略控件属性。

例如,当用户单击按钮时,您可以进入全屏,但当视频以“结束”事件结束时,您似乎无法退出全屏。

这似乎是在porpuse上做的,所以你只能在用户做某事时全屏进入和退出。

http://netkoder.dk/test/test0267.html