YUILibrary - Open source JavaScript and CSS for building richly interactive software.
Fork YUI on GitHub
  • Home
  • Gallery
  • Forums
  • YUI 2
  • YUI 3
  • YUI Labs
  • YUI Compressor
  • More
  • Gallery Forums
  • Gallery Stats
  • Gallery Calendar
  • Register
  • Login

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • FAQ
  • Developer FAQ
  • Developer Guide
  • Module Setup

Tag Cloud

form plugin ericf tivac io animation event port yui2 lsmith skinnable widget jafl node ajax foxxtrot overlay rgrove jsonp nzakas adam slideshow jacobfogg apipkin caridy davglass

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    HTML5 Player (gallery-player) on cdn

    Last Updated: 03/19/10
    + 1 -

    Josh Brickner

    YUI Contributor

    Created: 03/19/10
    Last CDN Push: 03/23/10
    Build Tag: gallery-2010.03.23-17-54
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.0.0
    Free for use.

    Features

    - Get a player in 3 easy steps
    - Full Javascript/HTML/CSS UI
    - Full Availability of HTML5 <video> attributes
    - Pass content to be displayed in browsers that do not support <video>
    - Support for multiple formats for each video.
    - Support for WebKit's fullscreen API
    - Full Range of Video Controls
    - Specify which controls you need
    - Follows YUI practices (or at least tries too!)

    Features Coming Soon

    - Support for <audio>
    - Better cross-browser compatibility
    - Pseudo-Fullscreen capabilites (will size video to browser window)

    • Tags:
    • media
    • player
    • video
    • html5
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    Code Sample

    <script src="http://yui.yahooapis.com/3.1.0/build/yui/yui-min.js"></script>
    var player;
    YUI({
        modules: {
            'gallery-player': {
                fullpath:'js/gallery-player-min.js',
                requires: ['widget','node','slider', 'anim', 'array']
            }
        }
    }).use('gallery-player', 'node-base', function(Y){
        player = new Y.Player({
            contentBox: '#video',
            type: 'video',
            stylesheet: 'false',
            images: 'images/',
            sources:[
                {title:'http://macinjosh.s3.amazonaws.com/video.mov', type:'video/mp4'},
                {title:'http://macinjosh.s3.amazonaws.com/video.mp4', type:'video/mp4'},
                {title:'http://macinjosh.s3.amazonaws.com/video.ogv', type:'video/ogg'}
            ],
            poster: 'video/poster.png',
            preload: false,
            autoplay: true,
            loop: false,
            standardControls: false,
            controlSet: ['play','rewind', 'forward', 'fullscreen', 'volume', 'scrubber'],
            width: 800,
            height: 450,
            degrade: '<p>Please use Firefox, Safari, or Chrome</p>'
        });
        player.render();
        player.focus();
    });

    Forum Posts

    No forum posts for this module.

    YUI Projects
    • All YUI Downloads
    • YUI 2
    • YUI 3
    • YUI Doc
    • YUI Compressor
    • YUILibrary.com
    • YUI Build Tool
    • YUI PHP Loader
    YUI Labs
    • All YUI Labs Projects
    • Yeti
    Pages & Links
    • All YUI Downloads
    • Git FAQ
    • Graded Browser Support
    • Contribute to YUI
    • Forum Stats
    • Gallery Stats
    • YUI Calendar
    Contribute
    • Submit a Bug
    • Request a Feature
    • Write Code
    • Meet the Team
    Follow YUI
    • on GitHub
    • on Twitter
    • on FriendFeed
    • on Facebook
    • on IRC
    • YUI Blog
    • YUI Theater
    • YUI Forums

    © 2010 YUI Library - Site Credits