当前位置: 首页 > 编程笔记 >

分享一款基于jQuery的视频播放插件

傅自明
2023-03-14
本文向大家介绍分享一款基于jQuery的视频播放插件,包括了分享一款基于jQuery的视频播放插件的使用技巧和注意事项,需要的朋友参考一下

最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!


<div class="report" id="play-product" style="cursor: pointer"  data-flv="视频路径地址"></div>

<script type="text/javascript"> //播放视频 $('#play-product').click(function(){       var flvUrl = $(this).attr('data-flv');       var Close = 'closePlayer';       var box = 'playerBox';

      var objclose = "#"+Close;       var objBox = "#"+box;

      $("body").append("<div id= "+box+"><div class='closeTitle'><a href='javascript:;' id= "+Close+">点击关闭</a></div><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' width='100%' height='100%' id='index' align='middle'><param name='movie' value='/club/images/flvPlayer.swf'><param name='quality' value='high'><param name='bgcolor' value='#000'><param name='play' value='true'><param name='loop' value='true'><param name='wmode' value='transparent'><param name='scale' value='showall'><param name='menu' value='true'><param name='devicefont' value='false'><param name='salign' value=''><param name='flashvars'  value='flvURL="+flvUrl+"'><param name='allowScriptAccess' value='sameDomain'><param name='allowFullScreen' value='true'><!--[if !IE]>--><object type='application/x-shockwave-flash' data='/club/images/flvPlayer.swf' width='100%' height='100%' align='middle'><param name='movie' value='/club/images/flvPlayer.swf'><param name='quality' value='high'><param name='bgcolor' value='#000'><param name='play' value='true'><param name='loop' value='true'><param name='wmode' value='transparent'><param name='scale' value='showall'><param name='menu' value='true'><param name='devicefont' value='false'><param name='salign' value=''><param name='allowFullScreen' value='true'><param name='flashvars' value='flvURL="+flvUrl+"'><param name='allowScriptAccess' value='sameDomain'><!--<![endif]--><a href='http://www.adobe.com/go/getflash'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt="取得 Adobe Flash 播放程式"></a><!--[if !IE]>--></object><!--<![endif]--></object></div>");

        $(objclose).click(function(){           $(objBox).remove();         });         return false;     }); </script>

 类似资料:
  • 本文向大家介绍基于Flowplayer打造一款免费的WEB视频播放器附源码,包括了基于Flowplayer打造一款免费的WEB视频播放器附源码的使用技巧和注意事项,需要的朋友参考一下 Flowplayer 是一个开源(GPL 3的)WEB视频播放器。您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。

  • 我想玩。iPhone应用程序中的mpd文件,为此我尝试了VLC播放器,但它没有按照预期工作,播放视频花费了太多时间。我还有其他选择吗。像Android中的exoplayer这样的mpd文件。 我已经为此目的实现了VLC媒体播放器,但现在我正在寻找另一种选择。如果有人对此有任何想法,请帮助。

  • 本文向大家介绍基于js与flash实现的网站flv视频播放插件代码,包括了基于js与flash实现的网站flv视频播放插件代码的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了基于js与flash实现的网站flv视频播放插件代码。分享给大家供大家参考。 具体实现代码如下: 完整实例代码点击此处本站下载。 希望本文所述对大家的web程序设计有所帮助。

  • 我想让应用程序逐帧播放功能。我想这是不可能与标准的Android工具。我尝试了VideoView和search kTo(当前的1000/帧率)方法,但它不起作用(我想它不会在暂停的视频上寻找)。我的问题是:我需要学习和使用什么来使它成为可能,什么工具和/或库?我是Android初学者,我没有工作的视频渲染早,所以我的知识,这是真的很低。

  • 本文向大家介绍15款jQuery分布引导插件分享,包括了15款jQuery分布引导插件分享的使用技巧和注意事项,需要的朋友参考一下 1. Power Tour 2. Bootstrap Tour 3. Bootstro.js 4. Intro.js 5. Power Tour 6. Trip.js 7. jQuery Tour Bus 8. jQuery Site Tour 9. Website

  • 我将颤动更新到1.22.0,现在我的video_player给我异常错误。在我将颤动更新到1.22.0之前,它工作正常。 这是我的错误: E/颤动 ( 8545): [错误:颤动/库/ui/ui_dart_state.cc(177)] 未处理的异常:“包:颤动/src/服务/message_codec.dart”:断言失败:第 111 行 pos 15:“代码 != null”:不为 true。E