在ios设备中使用flowplayer自动播放

时间:2013-04-18 00:03:07

标签: javascript flowplayer

有没有办法在iOS设备中使用流媒体播放视频?我经常搜索,无法找到任何东西。

我使用以下代码显示视频:`         

        <source src="file2.mp4" type="video/mp4">


        <object id="flash_fallback_1"  class="vjs-flash-fallback"  type="application/x-shockwave-flash" data="flowplayer-3.2.7.swf">

            <param name="movie" value="flowplayer-3.2.7.swf">
    <param name="allowfullscreen" value="true" />
            <param name="flashvars" value="config={'clip':[{'url': 'file2.mp4','autoPlay':true,'autoBuffering':true}]}">
        </object>
    </video>`

3 个答案:

答案 0 :(得分:1)

您需要使用流媒体HTML5。按照他们的设置documentation
您可以通过JavaScript手动将flowplayer(我目前正在使用v.5.4)安装到div容器,然后访问fp对象“load()”方法来实现这一点 手动安装说明here
我将视频源留空了,因为我的加载方法会将一系列源应用到fp对象。我会为您的视频海报添加一个有效的网址,这样您的用户就不会没有希望;)

HTML:

<div id="fp-cnt" class="container">  
   <video id="html5_video" poster="[URL]" >
      <source type="application/x-mpegurl" src="[BLANK ON PURPOSE]">
      <source type="video/mp4" src="[BLANK ON PURPOSE]"/> 
   </video>
</div>  

JavaScript:

 <script>       
        function loadFlowPlayer() {
           // install flowplayer to an element with id "fp-cnt"
           $("#fp-cnt").flowplayer({});

           var _elm = document.getElementById("fp-cnt");
           var _obj = flowplayer(_elm);

           _obj.load([
               { mpegurl: "[URL]" },
               {     mp4: "[URL]"  }
            ]);
        }

 </script>  

希望这有帮助!

答案 1 :(得分:0)

在iOS上可能不可能,播放视频需要用户交互。在相关的说明中,音频也不能通过代码控制。 Source

答案 2 :(得分:0)

我认为在ios设备上可以使用自动播放选项。

请遵循以下配置:

  1. splash: true;
  2. 使用api.toggle();其中api包含flowplayer的方法和属性