在Flowplayer中訪問畫布

Question

我們在我們的一個Web項目中使用了Flowplayer（Documentation）。

我想在視頻開始後更改（或隱藏）畫布。我可以將它與鉤子事件"onStart"掛鉤，但我無法訪問畫布對象/插件。

我已經嘗試過：

• $ F（ 'playerid'）getPlugin（ '畫布'）隱藏（）
• $ F（ 'playerid'）getCanvas（）隱藏（）。

我的播放器設置：

var player_settings = { 
    key: '...', 
    logo: { 
     url: '', 
     fullscreenOnly: false, 
     displayTime: 0 
    }, 
    clip: { 
     url: '...', 
     autoPlay: false, 
     scaling: 'orig' 
    }, 
    canvas:{ 
     background: 'url(...) center center no-repeat', 
     backgroundGradient: 'none' 
    } 
};

但似乎沒有任何工作。有任何想法嗎？

Answer 1

getPlugin('canvas')絕對是讓畫布處理正確的方式，你可以通過電話操縱它的外觀像：

getPlugin('canvas').css('', ''); 

你的情況來隱藏畫布，可能是你可以嘗試getPlugin("canvas").css({backgroundImage: ""});。

詳見參考文獻在此post