Hallo Zusammen,
bin neu hier und Themen wie Html/Java/CSS sind auch neuland für mich .
Habe ein Problem mit einer Seite. Die Videos werden untereinander dargestellt. Wie kann ich diese nebeneinander anordnen.
Sieht folgendermaßen aus :
<!DOCTYPE HTML>
<html>
<head>
<title>STF DEPOLAMA</title>
<style type="text/css">
body { background-color: #fdfdfd; padding: 0 20px; color:#000; font: 13px/18px monospace; width: 800px;}
a { color: #360; }
h3 { padding-top: 20px; }
</style>
<!-- Load player theme -->
<link rel="stylesheet" href="themes/maccaco/projekktor.style.css" type="text/css" media="screen" />
<!-- Load jquery -->
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<!-- load projekktor -->
<script type="text/javascript" src="projekktor-1.3.09.min.js"></script>
</head>
<body>
<div id="player_a" class="projekktor"></div>
<script type="text/javascript">
$(document).ready(function() {
projekktor('#player_a', {
poster: 'media/intro.png',
title: 'this is projekktor',
playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
width: 640,
height: 385,
playlist: [
{
0: {src: 'media/intro.ogv', type: 'video/ogg'},
1: {src: 'media/intro.mp4', type: 'video/mp4'},
2: {src: 'media/intro.webm', type: 'video/webm'}
}
]
}, function(player) {} // on ready
);
});
</script>
</body>
<body>
<div id="player_b" class="projekktor"></div>
<script type="text/javascript">
$(document).ready(function() {
projekktor('#player_b', {
poster: 'media/intro2.png',
title: 'this is projekktor',
playerFlashMP4: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
playerFlashMP3: 'swf/StrobeMediaPlayback/StrobeMediaPlayback.swf',
width: 640,
height: 385,
playlist: [
{
0: {src: 'media/intro2.ogv', type: 'video/ogg'},
1: {src: 'media/intro2.mp4', type: 'video/mp4'},
2: {src: 'media/intro2.webm', type: 'video/webm'}
}
]
}, function(player) {} // on ready
);
});
</script>
</body>
</html>
Wäre super wenn mir jemand behilflich sein könnte.
Dank im vorraus .
