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

时间:2010-01-17 00:20:42

标签: flash flv flowplayer

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

我搜索过Stackoverflow,谷歌搜索,当然,在Flowplayer网站的论坛上查看。我发现一些文章谈论flash文件缺少它的元数据并且关闭了流媒体。我正在使用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>

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

3 个答案:

答案 0 :(得分:2)

我有同样的问题。 我的流程图在页面体中生成类似这样的内容

<a href="../resimler/video/test.flv" class="flowplayer">
  <object width="100%" height="100%" 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"添加到<object>标记时,我可以看到视频。 可能对某人有所帮助

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

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

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