FGHRSH 的博客

Please wait...

网页嵌入式 HTML5+Flash(swf) 视频播放器

2016年06月1日:

推荐使用 DPlayer - 炒鸡好看的HTML5弹幕视频播放器 


今天发了篇博文要用到视频播放器,发现之前收集的都不怎么好用,

博客又没播放器插件,重新整理出这个方便调用的播放器顺便分享下=-=


HTML嵌入代码:    

//优先使用 HTML5 Video 标签播放
<video src="视频地址.mp4" width="700" height="400" controls autoplay>//优先使用Video播放
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700"height="400">
        //播放器地址(下载见下方附件)
        <param name="movie" value="/Flvplayer.swf" />
        //IE浏览器
        <param name="quality" value="high" />
        <param name="allowFullScreen" value="true" />
        <param name="FlashVars" value="vcastr_file=视频地址.mp4&LogoText=test" />
        //高级浏览器
        <embed src="/Flvplayer.swf" allowfullscreen="true"flashvars="vcastr_file=视频地址.mp4&LogoText=test" quality="high"pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="400"></embed>
    </object>
</video>
Flvplayer.swf 参数详细说明:    

vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开 空    
vcastr_title 影片标题参数,多个使用|分开,与方法2配合使用 空    
vcastr_xml 方法3 传递影片flv文件地址参数,样板参考 vcastr.xml    
IsAutoPlay 影片自动播放参数:0表示不自动播放,1表示自动播放 0    
IsContinue 影片连续播放参数:0表示不连续播放,1表示连续循环播 1    
IsRandom 影片随机播放参数:0表示不随机播放,1表示随机播放 0    
DefaultVolume 默认音量参数 :0-100 的数值,设置影片开始默认音量大小 100    
BarPosition 控制栏位置参数 :0表示在影片上浮动显示,1表示在影片下方显示 0    
IsShowBar 控制栏显示参数 :0表示不显示;1表示一直显示;2表示鼠标悬停时显示;3表示开始不显示,鼠标悬停后显示 2    
BarColor 播放控制栏颜色,颜色都以0x开始16进制数字表示 0x000033    
BarTransparent 播放控制栏透明度 60    
GlowColor 按键图标颜色,颜色都以0x开始16进制数字表示 0x66ff00    
IconColor 鼠标悬停时光晕颜色,颜色都以0x开始16进制数字表示 0xFFFFFF    
TextColor 播放器文字颜色,颜色都以0x开始16进制数字表示 0xFFFFFF    
LogoText 可以添加自己网站名称等信息(英文) 空    
LogoUrl 可以从外部读取logo图片,注意自己调整logo大小,支持图片格式和swf格式 空    
EndSwf 影片播放结束后,从外部读取swf文件,可以添加相关影片信息,影片分享等信息,需自己制作 空    
BeginSwf 影片开始播放之前,从外部读取swf文件,可以添加广告,或者网站信息,需自己制作 空    
IsShowTime 是否显示时间 : 0表示不显示时间,1表示显示时间 1    
BufferTime 影片缓冲时间,单位(秒) 2

播放器下载:Flvplayer.zip

本文标题:网页嵌入式 HTML5+Flash(swf) 视频播放器
本文链接:https://www.fghrsh.net/post/17.html
作者授权:除特别说明外,本文由 fghrsh 原创编译并授权 FGHRSH 的博客 刊载发布。
版权声明:本文使用「署名-非商业性使用-相同方式共享 4.0 国际」创作共享协议,转载或使用请遵守署名协议。

网友评论2

  1. 内涵笑话 2015-10-02 18:21:32 回复

    不错,值得收藏分享!

  1. 歪妖内涵网 2015-09-02 03:49:33 回复

    我来留下脚印

  1. 最励志网 2015-08-19 12:08:51 回复

    网站不错,雁过留痕,欢迎互访!

  1. 凌天 2015-06-22 23:02:45 回复

    乳此简单一学就会

  1. 久闻网佳莉 2015-05-18 17:27:55 回复

    很复杂

  1. 火锅桌椅 2015-04-30 15:48:52 回复

    很想知道,如何嵌入视频,而不是调用第三方视频,因为第三方视频有广告。

    1. fghrsh 2015-04-30 22:49:03 回复

      还有视频编码格式貌似要h264压制,百度下载:”小丸工具箱“,压制下视频再上传(压制后文件大小更小,更适合在线播放)

      1. 火锅桌椅 2015-05-03 09:07:30 回复

        这么麻烦?

    1. fghrsh 2015-04-30 22:45:20 回复

      首先你要找个云储存、外链空间上传你的视频,比如阿里云OSS,七牛(注册有免费额度,推荐用这个),上传好把视频地址替换文中源码的“视频地址.mp4”即可播放

发表我的评论

Hi,您需要填写昵称和邮箱!

  • 必填项
00:00 / 00:00
顺序播放