Question

Flowplayer在视频的左上方有一个图标，即“＆lt;＆gt;”。当您点击它时会出现“在您的网站上粘贴此HTML代码以进行嵌入”的消息。

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

所以我将fp-embed更改为display：none，如下所示。

然而它仍无效。

任何帮助都将不胜感激。

由于

<!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>

Answer 1

上述方法永远不会奏效。我只是靠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">

Answer 2

你的风格被流媒体本身的风格所覆盖。如果您对CSS样式选择器更具体，则可以隐藏它：

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

Answer 3

使用此：

flowplayer.conf = {
    embed : false
};

Rer。：https://flowplayer.org/docs/embedding.html#disabling-embedding

删除嵌入图标＆lt;＆gt;来自flowplayer

3 个答案: