15个顶级的HTML5视频播放器

fmms 12年前
   <h3>1) <a href="/misc/goto?guid=4958319810823140136">HTML5 Video</a></h3>    <p> </p>    <p>HTML5 is a set of web standards being developed by the “Web Hypertext Application Technology Working Group”. The HTML5 standard includes many new features for more dynamic web applications and interfaces. One such component being specified and implemented is the <video> element</p>    <p style="text-align:center"><a href="/misc/goto?guid=4958330294523390088"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/9acdd929518ed61585651af885382245.png" width="552" height="441" /></a></p>    <h3 style="text-align:left">2)     <s>     Viddler    </s></h3>    <p> </p>    <p style="text-align:left">Content has changed</p>    <p style="text-align:center"> </p>    <h3 style="text-align:left">3) L<a href="/misc/goto?guid=4958201407436679980">ongtailvideo</a></h3>    <p> </p>    <p style="text-align:left">The most important aspect of the JW Player is that it supports both Flash and HTML5 rendering modes. Just tell the JW Player which to prioritize and it does the rest. Custom skins, JavaScript interaction, and a growing number of plugins will work seamlessly.</p>    <p style="text-align:center"><a href="/misc/goto?guid=4958330296071430888"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/51b3afe9f8df958ced33e9c48f211216.png" width="550" height="271" /></a></p>    <h3 style="text-align:left">4) V<a href="/misc/goto?guid=4958188553188950575">ideojs</a></h3>    <p> </p>    <p style="text-align:left">Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video, today. This is also known as an “HTML5 Video Player”. Video.js provides a common controls skin built in HTML/CSS, fixes cross-browser inconsistencies, adds additional features like fullscreen and subtitles, manages the fallback to Flash or other playback technologies when HTML5 video isn’t supported, and also provides a consistent JavaScript API for interacting with the video.</p>    <p style="text-align:center"><a href="/misc/goto?guid=4958330297599981003"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/3fc100e6d93112e5c6db3e5137f2222f.png" width="550" height="272" /></a></p>    <h3 style="text-align:left">5) S<a href="/misc/goto?guid=4958330298401699299">ublime Video</a></h3>    <p> </p>    <p style="text-align:left">SublimeVideo Player gives your site universal playback of your videos on any browser or device. Check out the player and service features.</p>    <p style="text-align:center"><a href="/misc/goto?guid=4958330299203833627"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/47752df419166092c19fa4dd088751a9.png" width="550" height="258" /></a></p>    <h3 style="text-align:left">6) <a href="/misc/goto?guid=4958330299999199023">jMedia Element</a></h3>    <p> </p>    <p style="text-align:left">jme is an HTML5 audio / video development kit with Flash Fallback, which focuses on flexibility, intuitive DOM-API and semantic code.</p>    <p style="text-align:center"><a href="/misc/goto?guid=4958330300799433510"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/fb467e80f38a9a822a88d849ff01f238.png" width="473" height="446" /></a></p>    <h3 style="text-align:left">7) P<a href="/misc/goto?guid=4958330301593106146">rojekktor</a></h3>    <p> </p>    <p style="text-align:left">A <strong>free, open source (GPL)</strong> HTML5 based video player written in <strong>Javascript</strong>. It solves cross browser and compatibility issues, adds eye candy and provides extremely powerful non standard features.</p>    <p style="text-align:center"><a href="/misc/goto?guid=4958330302404995886"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/57a4b6cf1095c8ca68ea59727f9039ab.png" width="553" height="346" /></a></p>    <h3 style="text-align:left">8 ) F<a href="/misc/goto?guid=4958330303202587029">ry Player</a></h3>    <p> </p>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/63d5f2b4e7904cece6417512c9aca76d.png" width="550" height="318" /></p>    <h3 style="text-align:left">9) M<a href="/misc/goto?guid=4958189426781125849">ooplay</a></h3>    <p> </p>    <p>MooPlay brings javascript controls over an html5 video element. You can build and customize your own player with :</p>    <ul>     <li>1) a play / pause control</li>     <li>2) buttons to move inside the video (rewind and fast forward)</li>     <li>3) an interactive play progress slider</li>     <li>4) a load progress bar</li>     <li>5) a volume slider and a mute button</li>     <li>6) subtitles loaded through an ajax request and synchronized with the video. Supported formats are SubRip (.srt) and SubViewer (.sub)</li>     <li>7) full page display</li>     <li><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/25c83ea511f206e88f214719dad9c88c.gif" width="15" height="15" /> current and/or remaining time</li>    </ul>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/d2d2d70b90af2d529711abfbba63f443.png" width="550" height="394" /></p>    <h3 style="text-align:left">10) OI P<a href="/misc/goto?guid=4958319812323581841">layer</a></h3>    <p> </p>    <p style="text-align:left">OIPlayer ‘attaches’ itself to all video and/or audio tags it encounters. Besides the general configuration of the plugin itself, it uses for each individual tag the attributes the respective tag has like poster, width, controls, autoplay etc.</p>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/104a3849fae27f874daad6e6ec98da01.png" width="550" height="333" /></p>    <h3 style="text-align:left">11) F<a href="/misc/goto?guid=4958201408916945501">lare Video</a></h3>    <p> </p>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/a71fc72276bd3b25cab0d1794d021551.png" width="550" height="368" /></p>    <h3 style="text-align:left">12) V<a href="/misc/goto?guid=4958330306208231496">imeo</a></h3>    <p> </p>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/88ceccd6dbfa34a61178af246a075f6a.png" width="550" height="495" /></p>    <h3 style="text-align:left">13) V<a href="/misc/goto?guid=4958330307003652001">p Factory</a></h3>    <p> </p>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/1004d455ec2c187eb9cf4ce8fd7c4aff.png" width="550" height="213" /></p>    <h3 style="text-align:left">14) B<a href="/misc/goto?guid=4958330307808447947">lip</a></h3>    <p> </p>    <p style="text-align:left">Blip has been built, from the ground up, as an open platform. We were the first major video host to offer direct links to uploaded video files. We were the first to offer RSS with enclosures. We were the first to support OGG Theora — both as an upload format and as a playback format using the Cortada player. And we’ve been incredibly excited about HTML5 video playback for as long as people have been talking about HTML5.</p>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/ae6477babe73148b8d787b6b9c030261.png" width="494" height="449" /></p>    <h3 style="text-align:left">15) Y<a href="/misc/goto?guid=4958187201285655903">outube</a></h3>    <p> </p>    <p style="text-align:center"><img alt="15个顶级的HTML5视频播放器" src="https://simg.open-open.com/show/97ab9b835a3c58012c9f6aa6ab46831f.png" width="550" height="221" /></p>