网站百科

为您解码网站建设的点点滴滴

首页 > > 网站建设知识 > 建站知识 > 前端设计

企业建站知识推广知识小程序微信营销 APP开发前端设计 MindManager 开发语言自媒体

免费的 Web 视频播放器 Projekktor

发表日期：2019-09 文章编辑：小灯浏览次数：3240

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

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>

运行效果

Projekktor web 视频播放器运行效果

本页内容由塔灯网络科技有限公司通过网络收集编辑所得，所有资料仅供用户学习参考，本站不拥有所有权，如您认为本网页中由涉嫌抄袭的内容，请及时与我们联系，并提供相关证据，工作人员会在5工作日内联系您，一经查实，本站立刻删除侵权内容。本文链接:https://www.dengtar.com/21070.html

上一篇：<微信小程序 wx:if wx:elif wx:else 多条件判断下一篇：HTML/HTML5 设置img(图片)自适应div(容器)>