html5绿色视频,Html5全屏视频

您可以用jQuery做到这一点。

我有我的视频和控制自己的

这样的：

video.removeAttribute('controls');

Play	Vol	0:00/0:00	Full

然后我的jQuery的.fullscreen类是：

var fullscreen = 0;

$(".fullscreen").click(function(){

if(fullscreen == 0){

fullscreen = 1;

$("video").appendTo('body');

$("#vidControls").appendTo('body');

$("video").css('position', 'absolute').css('width', '100%').css('height', '90%').css('margin', 0).css('margin-top', '5%').css('top', '0').css('left', '0').css('float', 'left').css('z-index', 600);

$("#vidControls").css('position', 'absolute').css('bottom', '5%').css('width', '90%').css('backgroundColor', 'rgba(150, 150, 150, 0.5)').css('float', 'none').css('left', '5%').css('z-index', 700).css('-webkit-border-radius', '10px');

}

else

{

fullscreen = 0;

$("video").appendTo('#videoPlayer');

$("#vidControls").appendTo('#videoPlayer');

//change css back to normal

//change "#vidControls" css back to normal

}

});

它需要一点点清理因为我仍然在研究它，但据我所知，这应该适用于大多数浏览器。

希望它有帮助！