Code Monkey home page Code Monkey logo

jquery-big-youtube's Introduction

bigYouTube

Build Status

jQuery plugin for using YouTube videos as big background videos.

Basic Example

<div id="my-target">
</div>
$(function(){
    var options = {
        'videoId': '6snxouNdubg'
    };
    $('#my-target').bigYouTube(options);
});

Development Roadmap:

  • Add more options

Testing Roadmap:

  • Single video via Id
  • Single video via class
  • Multiple video via class
  • Can we test video playing further?

Contributing

Say hi - [email protected], Twitter @tomnewbyau or via GitHub issues

jquery-big-youtube's People

Contributors

tomtomau avatar

Watchers

James Cloos avatar  avatar

jquery-big-youtube's Issues

Fully support multiple videos per page

Fully support multiple videos per page through the simple case:

$('#target1').bigYouTube(options);
$('#target2').bigYouTube(options);

And from general selectors

$('.video-targets').bigYouTube(options);

Requires test cases!

Fill divs to hide black bars

Should be able to pass parameters into the video to specify an aspect ratio of the video. The video should then exhibit a behaviour similar to background-size: cover;.

Currently, the target div is replaced with an iframe - it may be necessary to add the iframe as a child of the target, so that we can apply some nominal styles (notably, overflow: hidden and position: relative to achieve this effect).

This will require test cases written to check that the target still has the .bigyoutube-loaded class applied.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.