JWPlayer, DIV, jQuery

JWPlayer, DIV, jQuery

本文关键字：jQuery DIV JWPlayer      更新时间：2023-09-26

我试图使一个div后面的JW播放器(最新的5.7版本)褪色在一个纯色通过使用jQuery在点击JW播放器上的开始按钮。当在JW Player上点击停止按钮(或暂停)时，JW Player后面的纯色DIV将通过使用jQuery淡出。

有什么建议，如何做到这一点，甚至可能更简单的方法?

您可以使用事件来做类似这样的事情

<div id="wrapper" style="width:400px; padding:30px;">
        <div id="media"></div>
        <script type="text/javascript">
            jwplayer('media').setup({
                'id': 'playerID',
                'width': '400',
                'height': '300',
                'autostart':'false',
                'file': './bunny.mp4',
                'image': './bunny.jpg',
                'modes': [
                    {type: 'html5'},
                    {type: 'flash', src: './player.swf'}
                ]
            });
            jwplayer('media').onPlay(
                function(event) {
                    document.getElementById('wrapper').style.background = 'orange';
                }
            );
            jwplayer('media').onPause(
                function(event) {
                    document.getElementById('wrapper').style.background = 'yellow';
                }
            );
        </script>
</div>
相关文章：