播放视频jquery插件[关闭]-Java 学习之路

-1

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

开源免费 .
在单页上运行多个视频（必须） .
几秒后自动停止视频（必须） .
Google广告感应功能（可选） .
在视频中间附加HTML，以便用户可以单击HTML中指定的链接（必须） .
应支持YouTube视频（必须） .
播放/暂停/全屏基本功能还应包括 .
好文档 .

1 回答

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>

回复于 2024-05-02T09:32:21+08:00

播放视频jquery插件[关闭]

1 回答

相关问题