HTML5 视频：覆盖全屏

【问题标题】：HTML5 Video: Overriding fullscreenHTML5 视频：覆盖全屏
【发布时间】：2015-04-14 07:46:05
【问题描述】：

在 HTML5 中，当我单击全屏按钮时，是否会触发我可以监听的事件或我可以重写以更改功能的方法？

我希望我的播放器在单击按钮时根据预定义的值增大/减小大小，而不是全屏显示。

我的项目使用js、jquery和backbone

【问题讨论】：

标签： javascript jquery html backbone.js

【解决方案1】：

在 html5 中没有选项可以调整或自定义视频标签

您可以使用 JPlayer 插件代替此插件，您可以自定义屏幕来播放视频而不会出现任何缺陷

http://www.jplayer.org/latest/quick-start-guide/

$("#jquery_jplayer_1").jPlayer({

    ready: function(){
        $(this).jPlayer("setMedia", {
        m4v:"http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v"
    }).jPlayer("play");
    },
    ended: function(){
        $(this).jPlayer("play");
    },
    swfPath: "../../common/assets/jplayer/js",
        supplied: "m4v",
    size: {
        width: "400px",
        height: "30px"
     }

});

【讨论】：