網站百科

為您解碼網站建設的點點滴滴

首頁 > > 網站建設知識 > 建站知識 > 前端設計

企業建站知識推廣知識小程序微信營銷 APP開發前端設計 MindManager 開發語言自媒體

免費的 Web 視頻播放器 Projekktor

發表日期：2019-09 文章編輯：小燈瀏覽次數：3932

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工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.juherenli.com/21070.html

上一篇：<微信小程序 wx:if wx:elif wx:else 多條件判斷下一篇：HTML/HTML5 設置img(圖片)自適應div(容器)>