Mark Ellis
12-14-2013, 01:36 PM
Hope someone can help me with modifying Jacob's You Tube gallery. I want the You Tube gallery to display the Playlists on first load, rather than displaying video titles, but I can't fathom which part of the js sets the videos to be displayed first.
I've attached the JS and CSS files here
5306 5307 5308
The html is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<title>YouTube gallery</title>
<link href="youtube-gallery.css" type="text/css" rel="stylesheet" />
<link href="youtube-style.css" type="text/css" rel="stylesheet" />
<style type="text/css">
body{
margin: 0;
padding: 0;
}
</style>
</head>
<body class="playlists">
<div id="frame"></div>
<div class="description">
<p>Click on a playlist to see the videos within it</p>
</div>
<script type="text/javascript" src="youtube-gallery.js"></script>
<script>
window.onload = function(){
window.controller = new YTV('frame', {
user: 'DorsetdogDotCom',
accent: '#008D54',
browsePlaylists: true,
controls: true,
autoplay: false
});
};
</script>
</body>
</html>
Thanks
I've attached the JS and CSS files here
5306 5307 5308
The html is
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<title>YouTube gallery</title>
<link href="youtube-gallery.css" type="text/css" rel="stylesheet" />
<link href="youtube-style.css" type="text/css" rel="stylesheet" />
<style type="text/css">
body{
margin: 0;
padding: 0;
}
</style>
</head>
<body class="playlists">
<div id="frame"></div>
<div class="description">
<p>Click on a playlist to see the videos within it</p>
</div>
<script type="text/javascript" src="youtube-gallery.js"></script>
<script>
window.onload = function(){
window.controller = new YTV('frame', {
user: 'DorsetdogDotCom',
accent: '#008D54',
browsePlaylists: true,
controls: true,
autoplay: false
});
};
</script>
</body>
</html>
Thanks