播放视频jquery插件
哪个jquery插件最适合播放具有以下功能的视频播放视频jquery插件,jquery,jquery-plugins,html5-video,Jquery,Jquery Plugins,Html5 Video,哪个jquery插件最适合播放具有以下功能的视频 开源和免费 在单个页面上运行多个视频(必须) 几秒钟后自动停止视频(必须) 谷歌广告感知功能(可选) 在视频中间添加HTML,这样用户应该能够单击HTML中给出的链接(必须) 应该支持YouTube视频(必须) 播放/暂停/全屏基本功能还应包括 良好的文档 flowplayer是一个插件,可以用来满足所有要求,我们可以设置cupoint在几秒钟后停止视频,并可以使用插件添加可点击的html,如下所示。在带有视频url的rails html文件中添
flowplayer是一个插件,可以用来满足所有要求,我们可以设置cupoint在几秒钟后停止视频,并可以使用插件添加可点击的html,如下所示。在带有视频url的rails html文件中添加此代码
<script type="text/javascript" src="http://releases.flowplayer.org/js/flowplayer-3.2.13.js"></script>
<div id="example7" style="width:300px;height:300px;"></div>
<div id="show-text">
<a href="http://www.google.com"><b>Click here to continue</b></a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#show-text").hide()
});
$f("example7", "http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
clip: {
url: '/system/videos/lesson_uploads/000/000/069/original/Tom_and_Jerry_Cartoon.mp4',
autoPlay: false,
autoBuffering: true,
// set cue point
onCuepoint: [[30000], function(clip, point) {
$f().stop()
var plugin = this.getPlugin("content");
plugin.show(10000).setHtml($("#show-text").html());
}]
},
// set up content plugin
plugins: {
content: {url: 'flowplayer.content-3.2.9.swf', display: 'none'}
}
});
var player = $f()
player.onLoad(function() {
// this- variable points to the player's API
// this.getScreen().animate({width:300, height:200});
});
</script>
$(文档).ready(函数(){
$(“#显示文本”).hide()
});
$f(“示例7”http://releases.flowplayer.org/swf/flowplayer-3.2.18.swf", {
剪辑:{
url:“/system/videos/lesson_uploads/000/000/069/original/Tom_and_Jerry_Cartoon.mp4”,
自动播放:错误,
自动缓冲:是的,
//设置提示点
oncusePoint:[30000],函数(剪辑,点){
$f().stop()
var plugin=this.getPlugin(“内容”);
plugin.show(10000).setHtml($(“#show text”).html());
}]
},
//设置内容插件
插件:{
内容:{url:'flowplayer.content-3.2.9.swf',显示:'none'}
}
});
var player=$f()
player.onLoad(函数(){
//这个变量指向播放器的API
//this.getScreen().animate({宽度:300,高度:200});
});
从主题外标记菜单:要求我们推荐或查找工具、库或喜爱的非站点资源的问题是堆栈溢出的主题外问题
我关心的不是你基本上找到插件/工具。我担心的是,如果你们已经在任何一个包含所有这些特性的库上工作过,请参考我。我已经研究过了,但找不到更好的解决方案。所以我只是想要一些强有力的技术答案。谁真正解决过同样的问题并定制了库。@Admdew如果你觉得不能或不想回答这个问题,请不要记下这个问题。我看到了很多关于同一个问题的问题,大多数人都引用了最好的知识。对某些人来说,名誉并不重要。请让其他人感兴趣。希望你能理解这个问题。我没有否决这篇文章,我只是把它标记为关闭。你说你只是想有人推荐你使用一个工具,这是离题的(“…请我们推荐…”)。@admdrew,很抱歉给你写了同样的信。我只是需要一些建议。我只想为那些投票否决这篇文章的人写信