Projekktor 视频播放器不仅免费而且功能强大。和《jQuery 视频播放器 Jquery-video-extend 详解》视频播放器相比，更加实用。Projekktor 支持片头、片中、片尾广告功能。支持 flash RTMP 等特性，并且拥有多个主题。
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´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´t forget to read the <a href="https://github.com/frankyghost/projekktor/blob/master/CHANGELOG.md">changelog</a>.</h3>
</body>
</html>
运行效果
： » 免费的 Web 视频播放器 Projekktor
原创文章，作者：kirin，如若转载，请注明出处：https://blog.ytso.com/tech/aiops/251212.html