vue 使用flowplayer_Flowplayer视频播放插件

插件描述:FlowPlayer 是一个Web上的视频播放器,可以很容易将它集成在任何的网页上。支持HTTP以及流媒体传输。

flowplayer分html5版和flash版本,大家可根据需求选择版本。

一. 介绍:Flowplayer支持播放flv、swf等流媒体以及图片文件,能够非常流畅的播放视频文件,支持自定义配置和扩展。

二. 调用:

1. 在页面头部Head标签内添加引用

2. 在页面中添加播放器实例化代码:

这里介绍两种调用方法

方法一:

说明:

将a标签的href属性指向要播放的视频地址,设置播放器显示时的宽度和高度,设置a标签为display:block,并为a标签指定id,该id用于flowplayer的js调用。

方法二:

flowplayer("tl_player","/js/flowplayer/flowplayer-3.2.12.swf",{clip:{ url:"/Video/story.flv",autoPlay: false, autoBuffering:true} });

说明:

也可以用div或者span 等其他标签来作为播放器的容器,但要给定其style的高度,宽度且为块级元素。

一些设置参数:clip方法里的url:表示视频文件的真实地址,autoPlay:表示是否自动播放,默认是true,autoBuffering:表示是否自动缓冲,即当视频文件设置为不自动播放时,播放器仍然预先下载视频文件内容。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
第 1 章 概述..................................................................................................................................... 2 第 2 章 协议..................................................................................................................................... 2 2.1 RTMP ................................................................................................................................... 2 2.2 RTMPT ................................................................................................................................. 2 2.3 RTMPS ................................................................................................................................. 2 2.4 RTMPE ................................................................................................................................. 2 2.5 RTMFP ................................................................................................................................. 2 2.6 RTSP/RTP ............................................................................................................................. 3 2.7 MPEG2-TS ............................................................................................................................ 3 2.8 HLS ....................................................................................................................................... 3 2.9 MMS .................................................................................................................................... 3 2.6 协议对比............................................................................................................................ 4 第 3 章 服务器选型 ......................................................................................................................... 4 3.1 FMS .............................................................................................................................

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值