bump.
I'd like to know how to solve this problem too.
I'd like to know how to solve this problem too.
Forum user: brihan
Basic information
| Registered | May 28, 2009 |
| Last login | May 19, 2010 |
| Forum posts | 9 |
| Direct URL | http://www.flowplayer.org/forum/users/11133 |
Latest forum posts
I habve bumped into this problem too. Kristian, did you solve this?
Reply from someone would be much appreciated.
Is:
When run using all local files, firefox displays the playlist perfectly, but Internet Explorer 6 wont even show the flowplayer audio player.
Is:
$f().playlist("div.plitems");When run using all local files, firefox displays the playlist perfectly, but Internet Explorer 6 wont even show the flowplayer audio player.
I am by no means an expert. Infact I havent succesfully implemented the playlist plugin myself yet, but...
I think you should call .playlist("div.vids") and then the playlist plugin will look at each "a" tag within div.vids as a playlist item.
Here is my guess:
I think you should call .playlist("div.vids") and then the playlist plugin will look at each "a" tag within div.vids as a playlist item.
Here is my guess:
<div id="thumbs">
<div class="vids">
<a rel="#overlay1" href="movie1.flv">
<img src="/images/thumb1.png" width="143" height="75" />
</a>
<a rel="#overlay1" href="movie2.flv">
<img src="/images/thumb2.png" width="143" height="75" />
</a>
</div>
Really sorry to double post. I posted this in the "installation" thread a few days ago. On reflection, I guess it's more a configuration problem.
I'm having a problem where the playlist works perfectly when viewing it in a single blog post, but doesnt work at all when viewing that post on the top page. Please look at the top post: "Waseda students blogging in English" in the following link.
The first audio file loads into the player, but the visible playlist is a bare template. It hasnt been populated with the playlist items.
http://wui.weblogs.jp/advanced/
Here is the code for that post:
Firefox's error console references this line:
and tells me that "Playlist is not a function"
I'm having a problem where the playlist works perfectly when viewing it in a single blog post, but doesnt work at all when viewing that post on the top page. Please look at the top post: "Waseda students blogging in English" in the following link.
The first audio file loads into the player, but the visible playlist is a bare template. It hasnt been populated with the playlist items.
http://wui.weblogs.jp/advanced/
Here is the code for that post:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/flowplayer-3.1.1.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/flowplayer.playlist-3.0.6.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/jquery.scrollable-1.0.2.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/flowplayer.controls-3.1.1.swf"></script>
<link rel="stylesheet" type="text/css" href="http://wui.weblogs.jp/flowplayer/flowplayerStyles.css">
<link rel="stylesheet" type="text/css" href="http://wui.weblogs.jp/advanced/files/customcss.css">
</head>
<body>
<div id="featuresBox">
<div id="audio" class="audioPlayer"></div>
<a class="up">Up</a>
<div class="pl">
<div class="plitems">
<div>
<table>
<tr class="topRow">
<td id="title">${title}</td>
<td id="description">${description}</td>
<td id="time">${time}</td>
</tr>
<tr class="bottomRow">
<td> </td>
<td id="authors">${authors}</td>
<td id="subtitle">${subTitle}</td>
</tr>
</table>
</div>
</div>
</div>
<a class="down">Down</a>
</div>
<script type="text/javascript">
$(function() {
$("div.pl").scrollable({
items:'div.plitems',
vertical:true,
next:'a.down',
prev:'a.up',
size: 1,
hoverClass: 'hover'
});
$f("audio", "http://wui.weblogs.jp/flowplayer/flowplayer-3.1.1.swf", {
clip: {
baseUrl: 'http://wui.weblogs.jp/advanced/files/',
subTitle: 'WIC Advanced English',
autoPlay: false,
autoBuffering:true,
},
playlist: 'http://wui.weblogs.jp/advanced/files/playlist.rss',
plugins: {
controls: {
fullscreen: false,
height: 30,
playlist: true
}
},
}).playlist(".plitems", {
loop: false,
playingClass: 'playing',
pausedClass: 'paused',
});
});
Firefox's error console references this line:
}).playlist(".plitems", {
loop: false,
playingClass: 'playing',
pausedClass: 'paused',
and tells me that "Playlist is not a function"
Finally I should mention that firefox's error console gives me the following error when I load the blog front page:
"Error: $f("audio", http://wui.weblogs.jp/flowplayer/flowplayer-3.1.1.swf", {clip: {baseUrl: http://wui.weblogs.jp/advanced/files/", subTitle: "WIC Advanced English", autoPlay: false, autoBuffering: true}, playlist: http://wui.weblogs.jp/advanced/files/playlist.rss", plugins: {controls: {fullscreen: false, height: 30, playlist: true}}})
.playlist is not a function Source File:http://wui.weblogs.jp/advanced/ Line: 55"
"Error: $f("audio", http://wui.weblogs.jp/flowplayer/flowplayer-3.1.1.swf", {clip: {baseUrl: http://wui.weblogs.jp/advanced/files/", subTitle: "WIC Advanced English", autoPlay: false, autoBuffering: true}, playlist: http://wui.weblogs.jp/advanced/files/playlist.rss", plugins: {controls: {fullscreen: false, height: 30, playlist: true}}})
.playlist is not a function Source File:http://wui.weblogs.jp/advanced/ Line: 55"
And it uses a rss playlist which is formatted as follows:
I can paste in the css too if it would help.
Help much appreciated.
As a sidenote to anybody else that is trying to put flowplayer into typepad: It wont work if the text is formatted in any way (including any spaces and linebreaks to make the code more legible) even when posting into the plain text editor!
You have to remove all spaces and line breaks (copy and paste all your html into your browser's address bar, then copy and paste it into the post editor).
Sorry to split this post into two. It wouldnt let me submit the post when it was all one.
<!-- :mode=xml: -->
<rss version="2.0" xmlns:media="http://search.yahoo.com/mrss/">
<channel>
<title>Example media RSS playlist</title>
<link>http://www.flowplayer.org</link>
<item>
<title>Episode 01</title>
<description>Too many universities?</description>
<time>19:52 mins</time>
<authors>Hatsune, Yoshinori, Ayumi</authors>
<!-- media:content is used as the clip URL -->
<media:content url="090519.mp3" />
</item>
</channel>
</rss>
I can paste in the css too if it would help.
Help much appreciated.
As a sidenote to anybody else that is trying to put flowplayer into typepad: It wont work if the text is formatted in any way (including any spaces and linebreaks to make the code more legible) even when posting into the plain text editor!
You have to remove all spaces and line breaks (copy and paste all your html into your browser's address bar, then copy and paste it into the post editor).
Sorry to split this post into two. It wouldnt let me submit the post when it was all one.
I'm trying to get an audio player with a visible playlist to work on a typepad blog:
http://wui.weblogs.jp/advanced/
As you can see in the top post "Waseda students blogging in English", the first audio file loads into the player, but the visible playlist is a bare template. It hasnt been populated with the playlist items. Viewing that same post as just a single post works perfectly.
Here is the code for that post:
http://wui.weblogs.jp/advanced/
As you can see in the top post "Waseda students blogging in English", the first audio file loads into the player, but the visible playlist is a bare template. It hasnt been populated with the playlist items. Viewing that same post as just a single post works perfectly.
Here is the code for that post:
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/flowplayer-3.1.1.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/flowplayer.playlist-3.0.6.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/jquery.scrollable-1.0.2.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="http://wui.weblogs.jp/flowplayer/flowplayer.controls-3.1.1.swf"></script>
<link rel="stylesheet" type="text/css" href="http://wui.weblogs.jp/flowplayer/flowplayerStyles.css">
<link rel="stylesheet" type="text/css" href="http://wui.weblogs.jp/advanced/files/customcss.css">
</head>
<body>
<div id="featuresBox">
<div id="audio" class="audioPlayer"></div>
<a class="up">Up</a>
<div class="pl">
<div class="plitems">
<div>
<table>
<tr class="topRow">
<td id="title">${title}</td>
<td id="description">${description}</td>
<td id="time">${time}</td>
</tr>
<tr class="bottomRow">
<td> </td>
<td id="authors">${authors}</td>
<td id="subtitle">${subTitle}</td>
</tr>
</table>
</div>
</div>
</div>
<a class="down">Down</a>
</div>
<script type="text/javascript">
$(function() {
$("div.pl").scrollable({
items:'div.plitems',
vertical:true,
next:'a.down',
prev:'a.up',
size: 1,
hoverClass: 'hover'
});
$f("audio", "http://wui.weblogs.jp/flowplayer/flowplayer-3.1.1.swf", {
clip: {
baseUrl: 'http://wui.weblogs.jp/advanced/files/',
subTitle: 'WIC Advanced English',
autoPlay: false,
autoBuffering:true,
},
playlist: 'http://wui.weblogs.jp/advanced/files/playlist.rss',
plugins: {
controls: {
fullscreen: false,
height: 30,
playlist: true
}
},
}).playlist(".plitems", {
loop: false,
playingClass: 'playing',
pausedClass: 'paused',
});
});
</script>
Firefox is giving me the same errors in it's error console.