首先下载下来flowplayer这个播放器,将播放器面板flowplayer-3.1.5.swf复制到flv文件夹
html代码
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jslib/flowplayer-3.1.4.min.js"></script>
<script type="text/javascript" src="jslib/jquery.js"></script>
<script type="text/javascript" src="jslib/flv.js"></script>
<link rel="stylesheet" type="text/css" href="css/player.css">
<title>Flash播放器</title>
</head><body>
<div id="page">
<h1>Flash播放器</h1>
<p> </p>
<a href="http://59.175.133.13/youku/1572D4E3E7B4382EA4868F3158/03000201004BBC1D16C803017AC557D6DE8D18-D5A3-5C81-EEA0-997ED0239903.flv"
style="display:block;width:600px;height:450px"
id="player">
</a>
<script>
<!--初始化播放器-->
flowplayer("player", "flv/flowplayer-3.1.5.swf");
</script>
<p>
请输入URL地址<input type="text" id="url"> <input id="exchange" type="button" value="播放">
</div>
</body></html>
jslib/flv.js代码
$(document).ready(function() {
var exchange = $("#exchange");
exchange.click(function(){
var urlText = $.trim($("#url").val());
if(urlText.length>0){
var player = $("#player");
player.attr("href",urlText);//改变页面的链接
flowplayer("player", "flv/flowplayer-3.1.5.swf",{});//重新初始化播放器
}else{
alert("请输入内容");
}
});
});
分享到:
相关推荐
Flowplayer是一款功能强大的流媒体播放器,专为Web设计,基于Flash技术,使得在网页上无缝集成视频内容变得简单易行。此版本为3.2.18,它提供了多种特性,以满足开发者和网站所有者对视频播放的需求。下面我们将深入...
Flowplayer是一款广受欢迎的开源...总的来说,Flowplayer作为一款高效的网页视频播放器,不仅为用户带来了优质的观看体验,也为开发者提供了灵活的工具和丰富的功能,使得在网页上嵌入和管理视频变得简单而高效。
Flowplayer是一款广泛使用的开源JavaScript视频播放器,专为Web开发者设计,用于在网站上嵌入高质量的视频内容。3.2.18是该播放器的一个版本,它提供了丰富的功能和良好的兼容性,使得视频播放体验更加流畅和用户...
Flowplayer是一款广泛应用于网页的开源视频播放器,它支持HTML5和Flash技术,可以在各种现代浏览器上顺畅地播放视频内容。这款播放器以其强大的功能、灵活性和易用性而受到开发者的青睐。以下是对Flowplayer相关知识...
Flowplayer是一款功能强大的网页视频播放器,基于Flash技术构建,使得它能够在各种网页环境中无缝集成,为用户提供流畅的视频观看体验。Flowplayer 5.4.0 版本是其发展过程中的一个重要里程碑,它提供了丰富的特性以...
Flowplayer是一款广泛应用于网页的开源视频播放器,它支持多种视频格式,使得用户可以在不同的浏览器和设备上流畅地观看视频内容。Flowplayer以其强大的功能、灵活性和易用性,在网页视频解决方案中占据了一席之地。...
4. **嵌入技术**:`embed.min.js`文件提供了方便的嵌入功能,让网站管理员能够轻松地将Flowplayer添加到网页中,使视频集成变得更加简单。 5. **许可证**:`LICENSE.md`文件包含了Flowplayer的许可信息,通常会说明...
Flowplayer是一款广泛应用于网页中的Flash视频播放器,它以其易用性和灵活性著称。这款开源软件为网站开发者提供了一个强大的工具,使他们能够在网页上轻松嵌入和控制视频播放。Flowplayer不仅支持基本的视频播放...
Flowplayer是一款广泛应用于网页的Flash FLV视频播放器,它以其简单易用、高度可定制化的特点深受开发者喜爱。在Web开发中,流媒体技术是不可或缺的一部分,而Flowplayer为HTML页面提供了强大的视频播放功能,使得...
在集成方面,Flowplayer 可以轻松地与现有的网页框架和库(如jQuery、AngularJS等)协同工作,通过简单的HTML和JavaScript代码就能将视频播放器集成到网页中。它的轻量级特性意味着即使在带宽有限的环境下,也能快速...
FlowPlayer是一款基于Flash技术的开源视频播放器,其版本3.2.12在Web开发领域广泛应用。这个软件使得开发者能够轻松地在网页上嵌入高质量的视频内容,为用户提供流畅的在线观看体验。FlowPlayer支持多种视频格式,...
Flowplayer是一款广泛应用于网页视频播放的开源JavaScript播放器。它支持HTML5和Flash技术,能够无缝切换,确保在各种浏览器和设备上都能提供流畅的视频体验。Flowplayer以其易用性、灵活性和丰富的自定义选项而受到...
Flowplayer是一款功能强大的Web视频播放器,专为网站开发者设计,便于在网页上嵌入视频内容。这款插件以其易用性和灵活性著称,能够轻松地集成到各种网站环境中,无论是简单的HTML页面还是复杂的JavaScript应用。 ...
《rtmp_sample_player_...通过对Flowplayer的深入理解和灵活运用,开发者可以构建出功能强大、用户体验优秀的网页视频播放器。这个项目不仅是一个技术实践,也是学习和理解流媒体传输及网页播放器开发的宝贵资源。
总的来说,Flowplayer是一款强大的HTML5视频播放器,它的灵活性和跨平台支持使其成为网站视频集成的首选工具。开发者可以根据项目需求选择合适的版本,并利用其丰富的功能和API进行定制化开发。无论是初学者还是经验...
在本文中,我们将深入探讨如何使用Flowplayer构建一个免费的Web视频播放器。 首先,为了使用Flowplayer,你需要在HTML页面的`<head>`部分引入`flowplayer.js`文件。你可以从Flowplayer的官方网站下载最新的版本。...
Flowplayer是一款开源的Flash视频播放器,广泛应用于网站上,为用户提供流畅的视频播放体验。在3.2.12这个版本中,我们探讨的是如何有效地利用Flowplayer进行视频集成和自定义设置。 Flowplayer的核心功能包括: 1...
FlowPlayer是一个用Flash开发的在Web上的网页flash播放器代码,你可以很容易地将它...它提供了一个简单的方法,在网站中嵌入视频播放器。这样可作为普通的FLV播放器,这其中有大量的功能和非常灵活和强大的配置选项。
Flowplayer是一款知名的开源HTML5视频播放器,专为网页端设计,支持多种视频格式和功能。在最新的7.0.2版本中,它提供了一系列增强和优化,旨在提升用户体验和开发者友好性。以下是对Flowplayer 7.0.2及其相关知识点...