// JavaScript Document
// Written by Chris Converse
// for Lynda.com
$(document).ready(function() {
// Set up link thumbnails
$('a.videoLink').each(function(){
var thumbnailFilePath = 'video/' + $(this).attr('videofile') + '.jpg';
var videoCaption = $(this).attr('videocaption');
$(this).css('background-image','url('+thumbnailFilePath+')');
$(this).html('
'+videoCaption+'
');
});
$('.videoLink').click(function(){
// Get attributes from link clicked
var videoFile = $(this).attr('videofile');
var videoPoster = $(this).attr('videofile');
var videoWidth = Number($(this).attr('videowidth'));
var videoHeight = Number($(this).attr('videoheight'));
// Set up HTMLvideo player code with above variables
var videoCode = '';
// Set inline HTML content
$('#videoPlayer').html(videoCode);
// Load new inline HTML code in lightbox
$.fancybox({
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'href' : '#videoPlayer'
});
// Add onclick to video tag for Android
var myNavigator = navigator.userAgent.toLowerCase();
var testForAndroid = myNavigator.indexOf("android") > -1;
if(testForAndroid) {
$('#videoPlayer source[type*="video/mp4"]').removeAttr('type');
$('#videoPlayer video').attr('onclick','this.play();')
}
});
});
');
});
$('.videoLink').click(function(){
// Get attributes from link clicked
var videoFile = $(this).attr('videofile');
var videoPoster = $(this).attr('videofile');
var videoWidth = Number($(this).attr('videowidth'));
var videoHeight = Number($(this).attr('videoheight'));
// Set up HTMLvideo player code with above variables
var videoCode = '';
// Set inline HTML content
$('#videoPlayer').html(videoCode);
// Load new inline HTML code in lightbox
$.fancybox({
'transitionIn' : 'fade',
'transitionOut' : 'fade',
'href' : '#videoPlayer'
});
// Add onclick to video tag for Android
var myNavigator = navigator.userAgent.toLowerCase();
var testForAndroid = myNavigator.indexOf("android") > -1;
if(testForAndroid) {
$('#videoPlayer source[type*="video/mp4"]').removeAttr('type');
$('#videoPlayer video').attr('onclick','this.play();')
}
});
});