`

flowplayer视频播放器的简单使用

阅读更多

首先下载下来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>&nbsp;</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-3.2.18

    Flowplayer是一款功能强大的流媒体播放器,专为Web设计,基于Flash技术,使得在网页上无缝集成视频内容变得简单易行。此版本为3.2.18,它提供了多种特性,以满足开发者和网站所有者对视频播放的需求。下面我们将深入...

    Flowplayer简单酷炫的视频播放器

    Flowplayer是一款广受欢迎的开源...总的来说,Flowplayer作为一款高效的网页视频播放器,不仅为用户带来了优质的观看体验,也为开发者提供了灵活的工具和丰富的功能,使得在网页上嵌入和管理视频变得简单而高效。

    flowplayer-3.2.18视频播放器demo

    Flowplayer是一款广泛使用的开源JavaScript视频播放器,专为Web开发者设计,用于在网站上嵌入高质量的视频内容。3.2.18是该播放器的一个版本,它提供了丰富的功能和良好的兼容性,使得视频播放体验更加流畅和用户...

    播放器flowplayer

    Flowplayer是一款广泛应用于网页的开源视频播放器,它支持HTML5和Flash技术,可以在各种现代浏览器上顺畅地播放视频内容。这款播放器以其强大的功能、灵活性和易用性而受到开发者的青睐。以下是对Flowplayer相关知识...

    网页视频播放器 flowplayer 5.4.0

    Flowplayer是一款功能强大的网页视频播放器,基于Flash技术构建,使得它能够在各种网页环境中无缝集成,为用户提供流畅的视频观看体验。Flowplayer 5.4.0 版本是其发展过程中的一个重要里程碑,它提供了丰富的特性以...

    flowplayer网页播放器

    Flowplayer是一款广泛应用于网页的开源视频播放器,它支持多种视频格式,使得用户可以在不同的浏览器和设备上流畅地观看视频内容。Flowplayer以其强大的功能、灵活性和易用性,在网页视频解决方案中占据了一席之地。...

    flowplayer最新网页播放器 支持安卓 等系统自带手机浏览器

    4. **嵌入技术**:`embed.min.js`文件提供了方便的嵌入功能,让网站管理员能够轻松地将Flowplayer添加到网页中,使视频集成变得更加简单。 5. **许可证**:`LICENSE.md`文件包含了Flowplayer的许可信息,通常会说明...

    网页播放器flowplayer

    Flowplayer是一款广泛应用于网页中的Flash视频播放器,它以其易用性和灵活性著称。这款开源软件为网站开发者提供了一个强大的工具,使他们能够在网页上轻松嵌入和控制视频播放。Flowplayer不仅支持基本的视频播放...

    flowplayer 网页flash flv播放器

    Flowplayer是一款广泛应用于网页的Flash FLV视频播放器,它以其简单易用、高度可定制化的特点深受开发者喜爱。在Web开发中,流媒体技术是不可或缺的一部分,而Flowplayer为HTML页面提供了强大的视频播放功能,使得...

    web网页内嵌播放器flowplayer3.2.15

    在集成方面,Flowplayer 可以轻松地与现有的网页框架和库(如jQuery、AngularJS等)协同工作,通过简单的HTML和JavaScript代码就能将视频播放器集成到网页中。它的轻量级特性意味着即使在带宽有限的环境下,也能快速...

    flowplayer-3.2.12.zip

    FlowPlayer是一款基于Flash技术的开源视频播放器,其版本3.2.12在Web开发领域广泛应用。这个软件使得开发者能够轻松地在网页上嵌入高质量的视频内容,为用户提供流畅的在线观看体验。FlowPlayer支持多种视频格式,...

    flowplayer 使用

    Flowplayer是一款广泛应用于网页视频播放的开源JavaScript播放器。它支持HTML5和Flash技术,能够无缝切换,确保在各种浏览器和设备上都能提供流畅的视频体验。Flowplayer以其易用性、灵活性和丰富的自定义选项而受到...

    Flowplayer视频播放插件

    Flowplayer是一款功能强大的Web视频播放器,专为网站开发者设计,便于在网页上嵌入视频内容。这款插件以其易用性和灵活性著称,能够轻松地集成到各种网站环境中,无论是简单的HTML页面还是复杂的JavaScript应用。 ...

    rtmp_sample_player_flowplayer

    《rtmp_sample_player_...通过对Flowplayer的深入理解和灵活运用,开发者可以构建出功能强大、用户体验优秀的网页视频播放器。这个项目不仅是一个技术实践,也是学习和理解流媒体传输及网页播放器开发的宝贵资源。

    flowplayer

    总的来说,Flowplayer是一款强大的HTML5视频播放器,它的灵活性和跨平台支持使其成为网站视频集成的首选工具。开发者可以根据项目需求选择合适的版本,并利用其丰富的功能和API进行定制化开发。无论是初学者还是经验...

    基于Flowplayer打造一款免费的WEB视频播放器附

    在本文中,我们将深入探讨如何使用Flowplayer构建一个免费的Web视频播放器。 首先,为了使用Flowplayer,你需要在HTML页面的`&lt;head&gt;`部分引入`flowplayer.js`文件。你可以从Flowplayer的官方网站下载最新的版本。...

    flowplayer3.2.12 实例

    Flowplayer是一款开源的Flash视频播放器,广泛应用于网站上,为用户提供流畅的视频播放体验。在3.2.12这个版本中,我们探讨的是如何有效地利用Flowplayer进行视频集成和自定义设置。 Flowplayer的核心功能包括: 1...

    flowplayer.js-video:FlowPlayer是一个用Flash开发的在Web上的网页flash播放器代码,你可以很容易地将它集成在任何的网页上使用。FlowPlayer提供了良好的用户体验,支持预加载,多次播放,播放列表,全屏播放模式等,可以支持HTTP以及流媒体传输。Flowplayer是一款开源软件,在该页面你同时可以下载到源代码。所以FlowPlayer也是一个flash播放器源码软件,你可以下载使用。它提供了一个简单的方法,在网站中嵌入视频播放器。这样可替换普通的FLV播放器,这其

    FlowPlayer是一个用Flash开发的在Web上的网页flash播放器代码,你可以很容易地将它...它提供了一个简单的方法,在网站中嵌入视频播放器。这样可作为普通的FLV播放器,这其中有大量的功能和非常灵活和强大的配置选项。

    flowplayer最新版

    Flowplayer是一款知名的开源HTML5视频播放器,专为网页端设计,支持多种视频格式和功能。在最新的7.0.2版本中,它提供了一系列增强和优化,旨在提升用户体验和开发者友好性。以下是对Flowplayer 7.0.2及其相关知识点...

Global site tag (gtag.js) - Google Analytics