/// <reference path="/js/typings/jquery.d.ts" />
/// <reference path="/js/typings/jqueryui.d.ts" />
/// <reference path="/js/typings/igniteui.d.ts" />
var alternate = true;
$(function () {
$("#videoPlayer").igVideoPlayer({
sources: ["https://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/big_buck_bunny.mp4",
"https://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/big_buck_bunny.webm",
"https://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/big_buck_bunny.ogv"
],
width: "100%",
height: 500,
posterUrl: "/images/samples/video-player/big-buck-bunny.png",
fullscreen: false,
browserControls: false,
autohide: true,
autoplay: false,
showSeekTime: true,
title: "Big Buck Bunny",
relatedVideos: [
{
imageUrl: "/images/samples/video-player/quince-intro-2.png",
title: "Quince プレゼンテーション パート 1",
css: "relatedVideosBanner",
sources: ["https://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/QuinceIntro_Part3_1.h264.mp4",
"https://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/QuinceIntro_Part3_1.webmvp8.webm",
"https://dl.infragistics.com/pg/2011-1/web/shared/videoplayer/videos/QuinceIntro_Part3_1.theora.ogv"
]
}
],
bookmarks: [
{
title: '川',
description: '川',
time: 13
},
{
title: 'Big Buck Bunny の紹介',
description: 'Big Buck Bunny の紹介',
time: 33
}
],
banners: [{
imageUrl: '/images/samples/video-player/banner.png',
link: 'https://www.infragistics.com/',
times: [5, 20, 60],
visible: false,
closeBanner: true,
animate: true,
autohide: true,
hidedelay: 10000,
width: 270,
height: 67
}],
bannerVisible: function (sender, eventArgs) {
if (alternate === true) {
eventArgs.bannerElement.css('top', 130);
}
else {
eventArgs.bannerElement.css('top', 0);
}
alternate = !alternate;
},
bannerClick: function (sender, eventArgs) {
$("#videoPlayer").igVideoPlayer('pause');
}
});
});
