【问题标题】:How i can disable Full Screen Button in JWplayer by code?如何通过代码禁用 JWplayer 中的全屏按钮?
【发布时间】:2016-06-20 13:01:27
【问题描述】:

我不希望 JWplayer 中的全屏按钮清晰可见。在禁用全屏按钮之前应该更改哪些部分?这是我的代码:

<script type="text/javascript" 
<script data-cfasync='false' src='http://jwpsrv.com/library/SakQCEfSEeOHhRIxOQfUww.js'></script>
<div id='playerjxJRqLMFuJaA'></div>
<script data-cfasync='false' type='text/javascript'>
    jwplayer('playerjxJRqLMFuJaA').setup({
    file: 'http://TV.b-c-e.us@cdn-01.bonus-tv.ru:8080/matchtv/index.m3u8',
 aboutlink: 'http://tv.b-c-e.us',
        enableFullscreen: 'false',
        title: 'Live Stream',
        width: '890',
        height: '640',
        stretching: 'exactfit',
        autostart: 'true',
        primary: 'flash',
 skin: 'bekle',
 androidhls: 'true',


    });
</script>

【问题讨论】:

    标签: javascript php android html


    【解决方案1】:

    要使全屏按钮消失,请使用以下 css:

    .jw-icon-fullscreen {
        display: none;
    }
    

    但请注意,它不会禁用按钮,只是隐藏它。

    参考:https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/css-skinning/skins_reference/

    @编辑: 也许你可以使用 javascript 来阻止它:

    var fullScreenBtns = document.getElementsByClassName('jw-icon-fullscreen');
    for(var i in fullScreenBtns){
        var btn = fullScreenBtns[i];
        btn.onclick = function(e){
            e.preventDefault();
            e.stopPropagation();
            alert('Full screen is blocked');
            return false;
        };
    }
    

    我在文档中找不到它...

    【讨论】:

    • 还有其他方法吗?没有CSS?
    • @AurefPourkarimi 可能有点 js ......我更新了我的答案
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-02-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-10
    • 2015-10-05
    相关资源
    最近更新 更多