Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/281.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php jw player 6.7,当播放器全屏显示时更改徽标图像_Php_Html_Css_Jwplayer_Jwplayer6 - Fatal编程技术网

Php jw player 6.7,当播放器全屏显示时更改徽标图像

Php jw player 6.7,当播放器全屏显示时更改徽标图像,php,html,css,jwplayer,jwplayer6,Php,Html,Css,Jwplayer,Jwplayer6,我想放大的标志时,球员全屏,并改变它回小时,球员的大小恢复。我可以想到以下方法: 检测全屏事件并更改徽标图像的url 图像大小在播放器加载时使用css修改合适的尺寸,然后检测全屏事件并更改图像大小(使用任何css),并在播放器恢复时再次更改大小 只要可行,我欢迎任何建议和方法。因为我一定要把这件事做完 注意:该方法应适用于所有主要浏览器。注意:以下解决方案适用于JW7+版本的播放器。我强烈建议将您的播放器升级到版本7 JW播放器css蒙皮模型内置了一个标志,用于检测播放器何时处于全屏模式:.JW

我想放大的标志时,球员全屏,并改变它回小时,球员的大小恢复。我可以想到以下方法:

  • 检测全屏事件并更改徽标图像的url
  • 图像大小在播放器加载时使用css修改合适的尺寸,然后检测全屏事件并更改图像大小(使用任何css),并在播放器恢复时再次更改大小
  • 只要可行,我欢迎任何建议和方法。因为我一定要把这件事做完


    注意:该方法应适用于所有主要浏览器。

    注意:以下解决方案适用于JW7+版本的播放器。我强烈建议将您的播放器升级到版本7

    JW播放器css蒙皮模型内置了一个标志,用于检测播放器何时处于全屏模式:.JW flag fullscreen。使用该标志以徽标(.jw logo)为目标,您将能够使用css调整图像URL的大小并进行更改。下面是如何使用全屏标志的示例

    .jw-flag-fullscreen .jw-logo {
        background-image: url('logo.svg') !important;
        background-size: 100px;
        background-position: cover;
        width: 100px !important;
        height: 100px !important;
    }
    

    您可以在JW播放器CSS蒙皮参考中找到更多信息。

    注意:以下解决方案适用于JW7+版本的播放器。我强烈建议将您的播放器升级到版本7

    JW播放器css蒙皮模型内置了一个标志,用于检测播放器何时处于全屏模式:.JW flag fullscreen。使用该标志以徽标(.jw logo)为目标,您将能够使用css调整图像URL的大小并进行更改。下面是如何使用全屏标志的示例

    .jw-flag-fullscreen .jw-logo {
        background-image: url('logo.svg') !important;
        background-size: 100px;
        background-position: cover;
        width: 100px !important;
        height: 100px !important;
    }
    

    您可以在JW播放器CSS蒙皮参考中找到更多信息。

    您尝试过任何代码吗?如果是的话,请发邮件。建议所有主要浏览器都可以使用全屏。我的一位同事尝试过,但没有效果。是的,我知道所有浏览器都支持全屏,我在谈论改变徽标图像的方法。你试过代码了吗?如果是的话,请发邮件。建议所有主要浏览器都可以使用全屏。我的一位同事尝试过,但没有效果。是的,我知道所有浏览器都支持全屏,我在谈论更改徽标图像的方法。谢谢,我会尝试此方法,但我也希望有6+版本的解决方案。谢谢,我会尝试此方法,但我也希望有6+版本的解决方案。