Javascript 视频播放器的全屏模式
我试着为我的视频播放器制作全屏。我正在使用JWplayer。。我想要的是像这样的全屏 上面的代码不适用于此,我想知道这将如何工作。我一直在寻找解决办法,但我找不到。我得到了这样的结果Javascript 视频播放器的全屏模式,javascript,Javascript,我试着为我的视频播放器制作全屏。我正在使用JWplayer。。我想要的是像这样的全屏 上面的代码不适用于此,我想知道这将如何工作。我一直在寻找解决办法,但我找不到。我得到了这样的结果 function makeBig() { var myVideo = document.getElementsByTagName('video')[0]; myVideo.height = myVideo.videoHeight * 2; }
function makeBig() {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.height = myVideo.videoHeight * 2;
}
function makeNormal() {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.height = myVideo.videoHeight;
}
更新:
您试图忽略的youtube全屏功能在其播放器的ActionScript中编码。JW播放器不提供此功能。但是,您可以设置全屏,而无需测量窗口的高度和宽度,如下所示:
jwplayer('mediaspace').setup({
'flashplayer': '/jwplayer/player.swf',
'width': '100%',
'height': '100%',
});
一个技巧是通过链接某个地方的直接视频链接或双击播放器来触发浏览器默认播放器,这可以使用jQuery轻松完成
另一个技巧是触发浏览器的全屏,如图所示
较早的答覆:
如果您试图根据屏幕尺寸调整播放器的大小,请确保您在加载文档后获得值,并且该插件在加载后启动
$(function() {
var player_width = $(window).width();
var player_height = $(window).height();
//After this initiate the plugin
});
除此之外,您的代码没有任何问题。您可以更改jwplayer的高度和宽度。请尝试此操作
var windowWidth = $(window).width(); //retrieve current window width
var windowHeight = $(window).height(); //retrieve current window height
jwplayer("video_id").resize(windowWidth , windowHeight );
JW文档中没有这些信息吗?我使用的是JW player的免费版本。是的,您的代码必须工作,任何链接。可能的重复使其达到2倍高。非全屏
var windowWidth = $(window).width(); //retrieve current window width
var windowHeight = $(window).height(); //retrieve current window height
jwplayer("video_id").resize(windowWidth , windowHeight );