Flowplayer flash 组件播放声音但不播放视频

Posted

技术标签:

【中文标题】Flowplayer flash 组件播放声音但不播放视频【英文标题】:Flowplayer flash component plays sound but not video 【发布时间】:2011-01-05 23:22:41 【问题描述】:

好的,我整天都在研究这个,这让我发疯了。流播放器将播放 *.flv 的音频,但不播放视频,我不知道为什么。使用默认 flowplayer flv url 的初始示例页面可以正常工作。当我将网址更改为我的 Godaddy 网站时,它不起作用。

我搜索过 ***,用 Google 搜索过,当然,还查看了 Flowplayer 网站上的论坛。我发现一些文章谈论闪存文件缺少它的元数据并且将 flowplayer 扔掉。我正在使用 Movavi Video Suite 8 执行从 mp4 到 flash 的转换。我认为元数据在转换时包含在闪存文件中,但我不确定。我使用这里找到的元数据注入器:http://www.buraks.com/flvmdi/ 将元数据注入到 flash 文件中,但它仍然不起作用。

另外值得注意的是,播放器的进度条显示了视频的开始、当前和结束时间值,所以我认为元数据就在那里。不过,我仍然不知道为什么这不起作用。

我想知道它是否是我的 *.flv 文件,因为播放器会加载生成它的 mp4 文件。我使用了一个名为 MOVAVI Video Suite 的高级应用程序来执行转换。我不认为是这种情况,因为我可以将转换后的 *.flv 文件上传到 youtube 并且可以正常播放。

另外值得注意的是,当 flv 源指向我的 godaddy 站点以及指向包含播放器的硬盘驱动器上的本地文件夹时,Flow Player 播放音频而不是视频,它是文件,视频文件,以及用于测试的示例 .html 页面。

可能还有一点值得一提的是我还没有将流播放器文件放在我的godaddy网站上,因为视频图片没有在本地显示。

我在使用 LongTailVideo 播放器时遇到了同样的问题。

这是我的测试页面的 html:

<!-- 
    include flowplayer javascript file that does  
    Flash embedding and provides the Flowplayer API.
-->
<script type="text/javascript" src="flowplayer-3.1.4.min.js"></script>

<!-- some minimal styling, can be removed -->
<link rel="stylesheet" type="text/css" href="style.css">

<!-- page title -->
<title>Minimal Flowplayer setup</title>

<div id="page">

    <h1>Minimal Flowplayer setup</h1>

    <p>View commented source code to get familiar with Flowplayer installation.</p>

    <!-- this A tag is where your Flowplayer will be placed. it can be anywhere -->
    <a  
         href="http://www.thebaisenzone.com/rememberthejourney/example/VID00003.flv"  
         style="display:block;width:520px;height:330px"  
         id="player"> 
    </a> 

    <!--<a  
         href="file:///C:/Development/MVC/flowplayer/example/VID00003.flv"  
         style="display:block;width:520px;height:330px"  
         id="player"> 
    </a>    --> 

    <!-- this will install flowplayer inside previous A- tag. -->
    <script>
        flowplayer("player", "flowplayer-3.1.5.swf");
    </script>



    <!-- 
        after this line is purely informational stuff. 
        does not affect on Flowplayer functionality 
    -->

    <p>     
        If you are running these examples <strong>locally</strong> and not on some webserver you must edit your 
        <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">
            Flash security settings</a>. 
    </p>

    <p class="less">
        Select "Edit locations" &gt; "Add location" &gt; "Browse for files" and select
        flowplayer-x.x.x.swf you just downloaded.
    </p>


    <h2>Documentation</h2>

    <p>
        <a href="http://flowplayer.org/documentation/installation/index.html">Flowplayer installation</a>
    </p>

    <p>
        <a href="http://flowplayer.org/documentation/configuration/index.html">Flowplayer configuration</a>
    </p>

    <p>
        See this identical page on <a href="http://flowplayer.org/demos/example/index.htm">Flowplayer website</a> 
    </p>

</div>

【问题讨论】:

【参考方案1】:

我知道这是一篇旧帖子,但我遇到了同样的问题,也许这可能对某人有所帮助。我通过在视频显示的播放器容器上放置宽度和高度来发现。

<div style="width: 200px; height: 200px">
    <a href="" .... flowplayer call
</div>

【讨论】:

【参考方案2】:

我有同样的问题。 我的 flowplayer 在页面正文中生成类似这样的内容

<a href="../resimler/video/test.flv" class="flowplayer">
  <object   type="application/x-shockwave-flash" data="../mult/flowplayer-3.2.7.swf" id="fp_43298124_api">
    <param value="true" name="allowfullscreen">
    <param value="always" name="allowscriptaccess">
    <param value="high" name="quality">
    <param value="false" name="cachebusting">
    <param value="#000000" name="bgcolor"><param value="config=&quot;playerId&quot;:&quot;fp_43298124&quot;,&quot;clip&quot;:&quot;url&quot;:&quot;../resimler/video/test.flv&quot;,&quot;playlist&quot;:[&quot;url&quot;:&quot;../resimler/video/test.flv&quot;]" name="flashvars">
  </object>
</a>

当我把style="width:200px;height:200px" 放到&lt;object&gt; 标签上时,我就可以看到视频了。 可能会帮助别人

【讨论】:

当我连续放两个视频时,它们都消失了,你知道为什么吗?提前致谢。【参考方案3】:

您的文件与闪存兼容吗?我的意思是 Adob​​e Flash 运行时是否支持音频和视频编解码器? List of codecs supported by Adobe Flash Player 这可能是导致错误的原因。

作为另一种方法,您可以尝试不同的编码应用程序,WinFF 基于 FFmpeg 非常好且非常易于使用。在 WinFF 主窗口中单击 转换为 -> 网站设备 预设 -> Flash Video for Web

【讨论】:

以上是关于Flowplayer flash 组件播放声音但不播放视频的主要内容,如果未能解决你的问题,请参考以下文章

兼容各个浏览器的H.264播放: H.264+HTML5+FLOWPLAYER+WOWZA+RMTP

js网页视频播放: vcastr22 flowplayer jwplayer

flash里声音播放的方式是事件和数据流,这两种方式有啥特点、有啥区别?、

(Flash) Flowplayer 源 - 它必须来自 http:// 吗?

Web 播放声音 — Flash 篇 (播放 AMRWAV)

融云 Web 播放声音 — Flash 篇 (播放 AMRWAV)