Javascript 获取html 5视频以全屏模式自动打开
我使用HTML5视频标签和jQuery成功地在全屏模式下打开了一个视频,以响应事件(单击、按键)。如何让视频在页面加载时全屏打开而不是单击?任何帮助都将不胜感激。非常感谢 我的HTML:Javascript 获取html 5视频以全屏模式自动打开,javascript,jquery,html,video,html5-video,Javascript,Jquery,Html,Video,Html5 Video,我使用HTML5视频标签和jQuery成功地在全屏模式下打开了一个视频,以响应事件(单击、按键)。如何让视频在页面加载时全屏打开而不是单击?任何帮助都将不胜感激。非常感谢 我的HTML: <div id="video_container> <video id="video1" width="1280" height="720" controls autoplay> <source src="videos/ballet.mp4
<div id="video_container>
<video id="video1" width="1280" height="720" controls autoplay>
<source src="videos/ballet.mp4" type="video/mp4">
<source src="videos/ballet.webm" type="video/webm">
<source src="videos/ballet.ogv" type="video/ogg">
</video>
</div>
听起来你不能在页面加载时全屏显示视频,至少对于webkit浏览器是这样。根据Safari开发者库: 只能在响应 用户操作,如单击按钮。您不能调用 例如,响应加载事件的webkitEnterFullscreen()
全文如下:听起来您无法在页面加载时全屏显示视频,至少对于webkit浏览器是如此。根据Safari开发者库: 只能在响应 用户操作,如单击按钮。您不能调用 例如,响应加载事件的webkitEnterFullscreen() 全文如下:
$(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();
});
});