如何用JavaScript控制HTML5视频？

我搜索了很多关于HTML5视频的控制，我被困在控制与javascript.There视频是在应用程序中的规则，你应该知道。如何用JavaScript控制HTML5视频？

不会有随时与浏览器的用户交互。

我试图做到的，是
1）打开视频作为全屏和播放视频
2）当视频结束时，关闭视频和视频会从屏幕，HTML内容消失将看到
3 ）视频的显示控制将不会始终显示。

什么是实现与JavaScript这种行为的最简单的方法？

2010-10-21 Myra

2）http://stackoverflow.com/questions/2954595/html5-video-callbacks – Martijn 2010-10-21 13:58:39

VideoJS是纯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"); 
});

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

2010-10-21 16:30:04 Myra

1）对于fullsreen：

2）也许你可以考虑用jQuery插件像和灯箱，可能像this

编辑会：和检查@Mzialla的答案。

3）至于视频播放器检查了这一点：

祝你好运！

2010-10-21 13:58:42 Trufa

至于1这是真的，但不是不可能使it.As 2，这是我全屏不能改变。至于3，这是我发现的确切。你部分帮助了我。谢谢。+ 1 – Myra 2010-10-21 16:11:27

@Myra ok太棒了！对不起，我不能有更多的帮助！感谢您分享您自己的答案！祝你好运！ – Trufa 2010-10-21 17:34:17

要隐藏控件，只需忽略视频元素上的控件属性。

你可以进入全屏，例如当用户点击一个按钮，但你不能在视频以“结束”事件结束时退出全屏。

所以你不能将exitfullscreen与“结束”事件结合起来。

这似乎是在porpuse上进行的，以便您只能在用户执行某些操作时进入和退出全屏。

2014-03-01 21:21:37 scootergrisen

回答