2014-02-22 21 views
0

Flowplayer在视频的左上角有一个图标,它是“<>”。当您点击它时,会出现消息“将此HTML代码粘贴到您的网站上以嵌入”。从流水游戏中移除嵌入图标

我想从我的视频中删除该图标。

所以我改变了fp-嵌入显示:无如下所示。

但它仍然无法正常工作。

任何帮助,将不胜感激。

感谢

<!doctype html> 

<html> 

<head> 
    <meta charset="utf-8"> 

     <title>Flowplayer · iframe src</title> 

    <!-- optimize mobile versions --> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <!-- The "minimalist" skin - choose from: "minimalist.css", "functional.css", "playful.css" --> 
    <link rel="stylesheet" href="//releases.flowplayer.org/5.4.6/skin/playful.css"> 


<style type="text/css"> 
.fp-embed { 
    display: none; 
} 
</style> 

     <!-- Flowplayer depends on jquery --> 
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
     <!-- Flowplayer library --> 
    <script src="//releases.flowplayer.org/5.4.6/flowplayer.min.js"></script> 

</head> 

<body> 

<div class="flowplayer color-light fixed-controls color-alt no-background" 
    data-fullscreen="true"> 
    <video> 
<source type="video/mp4" src="http://example.com/example.mp4"> 
    </video> 
</div> 

</body> 
</html> 

回答

2

你的风格得到通过的Flowplayer本身的覆盖。 如果更具体与您的CSS样式选择,你将能够将其隐藏:

.flowplayer .fp-embed { 
    display: none; 
} 
3

上述方法行不通。我只是通过CSS浪费了很多时间。

,而不是这样的:

<div class="flowplayer color-light fixed-controls color-alt no-background" data-fullscreen="true">

使用本: <div class="flowplayer color-light fixed-controls color-alt no-background" data-fullscreen="true" data-embed="false">