获取html 5video以全屏模式自动打开

我成功地使用HTML 5video标签和jQuery以全屏模式打开video以响应事件（点击，按键）。 如何在页面加载时全屏打开video而不是onclick？ 任何帮助，将不胜感激。 非常感谢！

我的HTML：

我的JavaScript：

 $(document).ready(function(){ $('#video1').bind("playing", function(){ var elem = document.getElementById("video1"); if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } }); $('#video1').bind("ended", function(){ $("#video_container").hide(); }); }); 

Answer 1

听起来你不能在页面加载时使video全屏，至少不适用于webkit浏览器。 根据Safari开发者库：

只能在响应用户操作（例如单击按钮）时调用webkitEnterFullscreen（）方法。 例如，您无法调用webkitEnterFullscreen（）来响应加载事件。

完整文章： https ： //developer.apple.com/library/safari/documentation/audiovideo/conceptual/using_html5_audio_video/controllingmediawithjavascript/controllingmediawithjavascript.html