Scripts
JavaScript

jQuery YouTube Tile plugin

jQuery Youtube Tile plugin.

Implement Youtube Tile videos on your website or webpage with full source code in HTML5, Javascript and CSS3.

You can arrange Youtube videos by percentage size.

You can play Youtube videos simultaneously.

You can load file videos hosted on your web server (MPG4, OGG, WebM) .

Note: You also have the option to load image files or animated gifs .

 

Implementation Example:

HTML:

jQuery/Javascript:

var dataset = [
{title: '',value: 10,video: "https://www.youtube.com/watch?v=b6vKDGBAtro"},
{title: '',value: 10,video: "https://www.youtube.com/watch?v=nDd8uaW7XUg"},
{title: '',value: 25,video: "https://www.youtube.com/watch?v=IT-RzG0UjFM"},
{title: '',value: 25,video: "https://www.youtube.com/watch?v=N3Sl4VsYgZ0"},
{title: '',value: 10,video: "https://www.youtube.com/watch?v=Vl407dlhEBo"},
{title: '',value: 10,video: "https://www.youtube.com/watch?v=XkflJzV2GIE"}
];

var options = {
     VideoTileTitle: "YouTube Video Tile",
     leafmargin: 1,
     CenterBranchTitleVertically: false
};

$(document).ready(function () {
     $('#VideoTile1').videotile(dataset, options);
});

Show More

More items by classborn

by in