javascript - 隐藏控件在 Flowplayer 中不起作用

Question

这是我的 flowplayer 代码:-

window.onload = function () {

var api = flowplayer();

flowplayer("#hlsjslive", {

plugins: {

controls: {

    all: false,
    play: false

    }
},

splash: true,
embed: false,
ratio: 9/16,

playlist: [
     // a list of type-url mappings in picking order
     [
        { mpegurl: "http://<server-ip>:8081/vod/camera_video.mp4/playlist.m3u8" }
     ],
     [
        { mpegurl: "http://<server-ip>:8081/vod/fast3.mp4/playlist.m3u8" }
     ]

  ]

 })
 }

尝试了一切，但我无法在 Flowplayer 中隐藏小部件默认控件，任何人都可以知道这一点吗？

提前致谢..

Answer 1

试试这个

<style>
    .flowplayer .fp-controls {
        display: none
    }

    .flowplayer .fp-embed,
    .flowplayer .fp-time,
    .flowplayer .fp-duration,
    .flowplayer .fp-remaining,
    .flowplayer .fp-timeline .is-paused,
    .flowplayer .fp-ui {
        background-image: none;
    }

    .flowplayer .fp-help {
        display: none;
    }
</style>

源代码是this