我想做一个flash播放器调用flv视频,请高手帮忙!
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了我想做一个flash播放器调用flv视频,请高手帮忙!相关的知识,希望对你有一定的参考价值。
我想做一个flash播放器调用flv视频,请高手帮忙!需要自动播放,flv地址为http://98566078.s411.sqnet.cn/flv/vod.flv
已经试过FLVPlayback 组件但是传到服务器上或者做调用就不起作用,在本地测试可以。
http://topjquery.com/flvplayer.html
这是我的网站的一个例子。
你的flv地址好慢啊,我没用你的视频,加载了一个我网站的flv视频。
点击一下就播放。
你的网站要是速度快我就用您的视频做这个例子了。
这个是边下载边播放的。
HTML代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>flv在线播放器</title>
</head>
<body>
<object type="application/x-shockwave-flash" width="320" height="240"
wmode="transparent data="http://topjquery.com/flvplayer/flvplayer.swf?file=http://topjquery.com/flvplayer/jay.flv">
<param name="movie" value="http://topjquery.com/flvplayer/flvplayer.swf?file=http://topjquery.com/flvplayer/jay.flv" />
<param name="wmode" value="transparent" />
</object>
</body>
</html>
这个页面就是你看到的页面。
主要的内容是这一块
<object type="application/x-shockwave-flash" width="320" height="240"
wmode="transparent data="http://topjquery.com/flvplayer/flvplayer.swf?file=http://topjquery.com/flvplayer/jay.flv">
<param name="movie" value="http://topjquery.com/flvplayer/flvplayer.swf?file=http://topjquery.com/flvplayer/jay.flv" />
<param name="wmode" value="transparent" />
</object>
有一个data和一个value,这里是写地址的,我写的是:
http://topjquery.com/flvplayer/flvplayer.swf?file=http://topjquery.com/flvplayer/jay.flv
你把其中我网站的域名都换成你的就ok,就是把http://topjquery.com/换成你的。
上面的地址呢,file后面是flv的地址。
当然这个东西还需要一个flash插件,给你下载地址,在我的网站上有。
http://topjquery.com/flvplayer.rar
把这个插件下载后,上传到你网站的根目录下就ok了。
如果不懂的可以在问我,hi留言或者加QQ:284885069。 参考技术A 呦息 。 参考技术B 为什么要自己做flash播放器啊?下载一个不是很方便吗?Adobe Flash Player(独立Flash播放器)就不错,专门播放flash的。 参考技术C 在舞台上插入一个FLVPlayback 组件,打开“组件检查器”把你的flv地址填入 contentPath参数 里面。
用html播放flv
【中文标题】用html播放flv【英文标题】:play flv in html 【发布时间】:2011-01-15 23:14:48 【问题描述】:谁能简要说明我如何从我的html页面播放flv?
【问题讨论】:
也许这会有所帮助:***.com/questions/99406/… 【参考方案1】:在其周围包裹一个 Flash 播放器,例如 Flowplayer。目前没有其他办法;浏览器不能只自己渲染 FLV。
请参阅installation guide for Flowplayer,逐步了解如何将视频直接放入 HTML。
【讨论】:
好的,flowplayer 谢谢..这意味着什么?那么用户可以使用 Flash 播放器观看视频吗? 是的。 Flowplayer 是一个 Flash 文件,用于播放视频并在其周围放置控件(播放、暂停、音量等)。它需要 Flash 插件,但如果你有 FLV 文件,你别无选择。 很高兴它成功了 :) 如果它解决了问题,请务必点击答案旁边的复选标记,以便发帖者获得信用 :)【参考方案2】:在您的 HTML 中插入一个 SWF 对象,并将属性中的 FLV 指定为将要播放的视频。
【讨论】:
在您的 HTML 中插入一个 SWF 对象,并将属性中的 FLV 指定为将要播放的视频 您需要更简洁一些吗? 查看我的回答 - 这意味着您必须将基于 Flash 的视频播放器(SWF 文件)嵌入到您的 HTML 代码中,并告诉它 FLV 视频在您的服务器上的位置。您不能直接嵌入 FLV 文件。【参考方案3】:另一个非常流行的 Flash 播放器是 JW Player,地址为 http://www.longtailvideo.com/。他们有一个很好的设置向导,可以生成你需要的代码。
【讨论】:
【参考方案4】:我相当肯定 shadowbox 也可以播放 FLV 文件:http://www.shadowbox-js.com/
它干净、简洁且设置相当简单。
【讨论】:
Shadowbox 看起来很棒。它实现了我想要的灯箱效果,商业许可证只需 20 美元,而 JW Player 为 90 美元,FLVPlayer.com 商业许可证为 60 美元。 更正:shadowbox 实际上使用了 JW Player,如果您打算将其用于商业目的,您仍然需要购买 JW Player。我真的不明白为什么会有免费/便宜的 Flash 视频播放器。我不需要任何花哨的东西,只要简单干净。【参考方案5】:使用 video.js 非常简单。您需要做的就是在 head 中包含 js 和 css,然后使用 html5 代码:
<head>
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
<video id="video1" class="video-js vjs-default-skin"
data-setup='"controls" : true, "autoplay" : true, "preload" : "auto"'>
<source src="video1.flv" type="video/x-flv">
</video>
</body>
更多详情:http://videojs.com/ 实际上,我没有找到有关播放 flv 文件的信息。但它工作正常。 :)
您可以使用 video.js 使用其他视频格式,您只需将类型更改为...
<source src="..." type="video/mp4">
此外,您的浏览器可能存在一些问题,您的浏览器是否支持 .mp4 格式,我无法在 chrome 中播放 .mp4,但在 firefox 中可以正常播放。尝试使用不同格式的相同视频添加更多来源。喜欢...
<source src="video1.mp4" type="video/mp4">
<source src="video1.ogg" type="video/ogg">
<source src="video1.webm" type="video/webm">
【讨论】:
这只是给了我黑色矩形。 因为这是解释如何播放其他所有内容,而不是 flv【参考方案6】:你可以试试https://github.com/Bilibili/flv.js
使用 flv.js,您将获得:
用于 flv 视频的纯 HTML5 + JavaScript 视频播放器 用于 http-flv 流的纯 HTML5 + JavaScript LiveStream 播放器 完美体验 比 H.264 视频更小Flv.js 使用 MSE(媒体源扩展),因此它只能在 Chrome 43+、Firefox 上可用,但不能在 Apple / iOS Safari 上使用。
Flv.js 瞬间将 flv 流转换为 H.264 流,然后将 H.264 流推送到媒体源扩展。它将在 HTML 元素中显示为带有 blob URL 的视频标签。
【讨论】:
以上是关于我想做一个flash播放器调用flv视频,请高手帮忙!的主要内容,如果未能解决你的问题,请参考以下文章
如何在C# Winform中嵌套一个播放器,就好像PPS那种我想做一个播放视频的软件,请高手指点啊
在 Flash Player 中从 ByteArray 播放 FLV
如何在 chrome 中使用 video.js 播放 flash(.flv) 视频