Hallo,
Ich habe soeben einen Video-Player auf meiner Homepage installiert.
Wenn man die unten angegebenen Seite aufruft, kann man sehen, dass der Player normal funktioniert in Firefox, d.h. wenn man links auf einen Link klickt, öffnet sich der Clip auch im Player. Wenn man jedoch einen Clip im Internet Explorer anwählt, dann öffnet sich nur ein Download-Fenster.
Was hat der doofe IE hier schon wieder für ein Problem?
Könnte sich mal jemand meinen Code ansehen?
Hier die Seite:
http://www.corona-gehren.de/main/index.php?Itemid=176
Ich habe soeben einen Video-Player auf meiner Homepage installiert.
Wenn man die unten angegebenen Seite aufruft, kann man sehen, dass der Player normal funktioniert in Firefox, d.h. wenn man links auf einen Link klickt, öffnet sich der Clip auch im Player. Wenn man jedoch einen Clip im Internet Explorer anwählt, dann öffnet sich nur ein Download-Fenster.
Was hat der doofe IE hier schon wieder für ein Problem?
Könnte sich mal jemand meinen Code ansehen?
Hier die Seite:
http://www.corona-gehren.de/main/index.php?Itemid=176
Code:
[<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<script type="text/javascript" src="Flowplayer/flowplayer-3.1.2.min.js"></script>
<script src="Flowplayer/flowplayer.playlist-3.0.6.min.js"></script>
</head>
<link rel="stylesheet" type="text/css" href="http://www.corona-gehren.de/main/Flowplayer/playlist.css"/>
<style>
/* container has a background image */
a.player {
margin-top:30px !important;
display:block;
background:url(Flowplayer/splash.png) no-repeat;
width:425px;
height:298px;
/* padding:0 126px 75px 127px; */
text-align:center;
color:#fff;
text-decoration:none;
cursor:pointer;
}
/* splash image */
a.player img {
margin-top:115px;
border:0;
text-align: center !important;
}
a.player {
margin-top:0px;
}
</style>
<script>
// wait for the DOM to load using jQuery
$j(function() {
// setup player normally
$f("player1", "Flowplayer/flowplayer-3.1.2.swf", {
// clip properties common to all playlist entries
clip: {
baseUrl: 'http://www.corona-gehren.de/main',
subTitle: 'from blib.tv video sharing site',
time: '20 sec'
},
// our playlist
playlist: [
{url: 'images/stories/videos/4.flv',
title: 'In Kabine nach Calau-Spiel',
subTitle: '23. August 2009', time: '31 sec'},
{url: 'images/stories/videos/5.flv',
title: 'Auflaufen der Teams in Hindenberg', subTitle: '16. August 2009', time: '20 sec'
},
{url: 'images/stories/videos/6.flv',
title: '2:0 vom Calau-Spiel', subTitle: '23. August 2009', time: '26 sec'
},
{url: 'images/stories/videos/7.flv',
title: '4:0 vom Calau-Spiel', subTitle: '23. August 2009', time: '20 sec'
},
{url: 'images/stories/videos/8.flv',
title: 'Ausschnitt vom Landschleicher', subTitle: '7. März 2009', time: '36 sec'
}
],
// show playlist buttons in controlbar
plugins: {
controls: {
playlist: true
}
}
});
/*
here comes the magic plugin. It uses first div.clips element as the
root for as playlist entries. loop parameter makes clips play
from the beginning to the end.
*/
$f("player1").playlist("div.clips:first", {loop:true});
});
</script>
<div class="clips" style="float:left">
<!-- single playlist entry as an "template" -->
<a href="${url}">
${title} <span>${subTitle}</span>
<em>${time}</em>
</a>
</div>
<!-- the player using splash image -->
<a class="player plain" id="player1">
<center><div class="container"><img src="Flowplayer/play_text.png"/></div></center>
</a>
<!-- let rest of the page float normally -->
<br clear="all"/>
