• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

免费的 Web 视频播放器 Projekktor

JAVA web前端中文站 3年前 (2017-05-16) 2858次浏览 已收录 0个评论

Projekktor 视频播放器不仅免费而且功能强大。和《jQuery 视频播放器 Jquery-video-extend 详解》视频播放器相比,更加实用。Projekktor 支持片头、片中、片尾广告功能。支持 flash RTMP 等特性,并且拥有多个主题。

更多精彩内容请看 web 前端中文站
http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏

免费的 Web 视频播放器 Projekktor

Projekktor 官方地址:http://www.projekktor.com/

Projekktor 源代码和 demo 下载地址:https://github.com/frankyghost/projekktor

Projekktor 10 大特性

  • Pre- & Postroll Ads (VAST)* 支持插入广告功能
  • True Fullscreen (where applicable) 兼容所有应用的全屏功能
  • Build Playlists, stream Channels 创建 playlists 支持流视频
  • Flash fallback with RTMP support 支持 flash RTMP
  • VLC Web Plugin support 支持 vlc Web 插件
  • OSMF support for HDS streaming and DVR 支持 来自 Adobe 的 HDS 和 DVR 换流(流切换)
  • Quality selection and toggling 支持选择视频模式,高清,标清,蓝光,超清等
  • Easy to integrate and theme 多个主题选择和自定义主题支持
  • Unified Javascript API tong 统一的 JavaScript API
  • Cue-Points for media synced events * additional plugin required 支持 synced for 媒体事件,同时支持插件扩展。

Projekktor 视频播放器

 <!DOCTYPE HTML> <html> <head>     <title>Projekktor - simply mighty video</title>     <style type="text/css">     body { background-color: #fdfdfd; padding: 0 20px; color:#000; font: 13px/18px monospace; width: 800px;}     a { color: #360; }     h3 { padding-top: 20px; }     </style>     <!-- Load player theme -->     <link rel="stylesheet" href="themes/maccaco/projekktor.style.css" type="text/css" media="screen" />     <!-- Load jquery -->     <script type="text/javascript" src="jquery-1.9.1.min.js"></script>     <!-- load projekktor -->     <script type="text/javascript" src="projekktor-<%= grunt.config('readme').version %>.min.js"></script> </head> <body>     <h1>W00t!! Thanx for downloading Projekktor V<%= grunt.config('readme').version %></h1>     <p>     This file is intended to give a quick introduction on how to install and use Projekktor.     Please have a look at the source in order to check out what&acute;s going on here.     More detailed information and a documentation can be found online:     </p>     <ul>     <li><a href="http://www.projekktor.com">Homepage</a></li>     <li><a href="http://www.projekktor.com/doc/">Documentation</a></li>     <li><a href="https://github.com/frankyghost/projekktor/blob/master/LICENSE">GPL License</a></li>     <li><a href="http://www.projekktor.com/shop/supporter-license/"><b>Support this projekkt: Consider a donation</b></a></li>     <li><a href="http://www.projekktor.com/contact/"><b>Need customizations or Support? Get in touch.</b></a></li>     </ul>     <p>     brought to you by <a href="http://www.spinningairwhale.com">spinning airwhale</a> - web|media|interfaces     </p>     <h2>Example - One Video, OGG+MP4+WEBM, Theme: Maccaco by <a href="http://www.porkhead.org">porkhead</a></h2>     <div id="player_a" class="projekktor"></div>     <script type="text/javascript">     $(document).ready(function() {         projekktor('#player_a', {         poster: 'media/intro.png',         title: 'this is projekktor',         playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',         playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',         width: 640,         height: 385,         playlist: [             {     0: {src: "media/intro.ogv", type: "video/ogg"},     1: {src: "media/intro.mp4", type: "video/mp4"},     2: {src: "media/intro.webm", type: "video/webm"}             }         ]             }, function(player) {} // on ready          );     });     </script>     <h3 style="color: red;">Already using Projekktor? Please don&acute;t forget to read the <a href="https://github.com/frankyghost/projekktor/blob/master/CHANGELOG.md">changelog</a>.</h3> </body> </html>

运行效果

免费的 Web 视频播放器 Projekktor

【注:本文源自网络文章资源,由站长整理发布】


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:免费的 Web 视频播放器 Projekktor
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址