隐藏在 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>

src 是 this

隐藏在 flowplayer 中不起作用的控件

Hide controls not working in flowplayer

javascript

jquery

video-streaming

flowplayer