Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
播放视频jquery插件_Jquery_Jquery Plugins_Html5 Video - Fatal编程技术网

播放视频jquery插件

播放视频jquery插件,jquery,jquery-plugins,html5-video,Jquery,Jquery Plugins,Html5 Video,哪个jquery插件最适合播放具有以下功能的视频 开源和免费 在单个页面上运行多个视频(必须) 几秒钟后自动停止视频(必须) 谷歌广告感知功能(可选) 在视频中间添加HTML,这样用户应该能够单击HTML中给出的链接(必须) 应该支持YouTube视频(必须) 播放/暂停/全屏基本功能还应包括 良好的文档 flowplayer是一个插件,可以用来满足所有要求,我们可以设置cupoint在几秒钟后停止视频,并可以使用插件添加可点击的html,如下所示。在带有视频url的rails html文件中添

哪个jquery插件最适合播放具有以下功能的视频

  • 开源和免费

  • 在单个页面上运行多个视频(必须)

  • 几秒钟后自动停止视频(必须)

  • 谷歌广告感知功能(可选)

  • 在视频中间添加HTML,这样用户应该能够单击HTML中给出的链接(必须)

  • 应该支持YouTube视频(必须)

  • 播放/暂停/全屏基本功能还应包括

  • 良好的文档


  • 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,很抱歉给你写了同样的信。我只是需要一些建议。我只想为那些投票否决这篇文章的人写信