-
Notifications
You must be signed in to change notification settings - Fork 0
/
tubular.html
80 lines (67 loc) · 3.95 KB
/
tubular.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
var defaults = {
// Plugin init params
width: 425, // the width of the player
height: 355, // the height of the player
allowFullScreen: "true", // true by default, allow user to go full screen
initialVideo: "DkoeNLuMbcI", // the video that is loaded into the player
start: 0,
preferredQuality: "auto", // preferred quality: auto, small, medium, large, hd720
showControls: true, // whether the player should have the controls visible, 0 or 1
showRelated: false, // show the related videos when the player ends, 0 or 1
playsinline: false, // setting for ipad
autoPlay: false, // whether the player should autoplay the video, 0 or 1
autoHide: true,
theme: "dark", // possible options: "dark" or "light"
color: "red", // possible options: "red" or "white"
showinfo: false, // if you want the player to include details about the video
modestbranding: true, // specify to include/exclude the YouTube watermark
annotations: true, // show annotations?
loop: 0, // whether or not the player will loop
protocol: 'http',
// the location to the swfobject import for the flash player, default to Google's CDN
wmode: "transparent", // note: transparent maintains z-index, but disables GPU acceleration
swfobjectURL: "http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js",
loadSWFObject: true, // if you include swfobject, set to false
// HTML5 specific attrs
iframed: true, // iframed can be: true, false; iframed: HTML5 compliant player
// Player Trigger Specific Functionality
onPlay: function(id){}, // after the play method is called
onPause: function(){}, // after the pause method is called
onStop: function(){}, // after the player is stopped
onSeek: function(time){}, // after the video has been seeked to a defined point
onMute: function(){}, // after the player is muted
onUnMute: function(){}, // after the player is unmuted
// Player State Change Specific Functionality
onPlayerUnstarted: function(){}, // when the player returns a state of unstarted
onPlayerEnded: function(){}, // when the player returns a state of ended
onPlayerPlaying: function(){}, //when the player returns a state of playing
onPlayerPaused: function(){}, // when the player returns a state of paused
onPlayerBuffering: function(){}, // when the player returns a state of buffering
onPlayerCued: function(){}, // when the player returns a state of cued
onQualityChange: function(quality){}, // a function callback for when the quality of a video is determined
// Error State Specific Functionality
onErrorNotFound: function(){}, // if a video cant be found
onErrorNotEmbeddable: function(){}, // if a video isnt embeddable
onErrorInvalidParameter: function(){} // if we've got an invalid param
};
jQuery("#player0 .yt_player").tubeplayer({
initialVideo: $('#player0 .serial_number').val()//,
//volume:100
});
jQuery("#player1 .yt_player").tubeplayer({
initialVideo: $('#player1 .serial_number').val(),
volume:0,
onPlayerUnstarted: function(){console.log("----",$this)}, // when the player returns a state of unstarted
muted: true
});
$(function() {
jQuery("#player0 .yt_player").tubeplayer("volume",100);
jQuery("#player1 .yt_player").tubeplayer("volume",0);
$( "#slider" ).slider({
slide: function( event, ui ) {
jQuery("#player0 .yt_player").tubeplayer("volume",100-ui.value);
jQuery("#player1 .yt_player").tubeplayer("volume",ui.value);
console.log(ui.value," || ",jQuery("#player0 .yt_player").tubeplayer("volume"),jQuery("#player1 .yt_player").tubeplayer("volume"));
}
});
});