История изменений

Исправление soko1, 05.06.13 13:54 (текущая версия) :

Если вдруг кому интересно, то вот какой код написал:

<!DOCTYPE HTML>
<html>
<head>
<title>Пример видео с ads</title>
<link rel="stylesheet" href="theme/style.css" type="text/css" media="screen" />

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <!-- Load jquery -->
<script type="text/javascript" src="projekktor-1.2.30r272.min.js"></script> <!-- load projekktor -->
</head>
<body>

<!--
<div id="companionb" style="width:728px; height: 90px; margin: 5px; border: 1px solid #ccc">companion ad 790x90</div>
<div id="companionc" style="width:300px; height: 60px; margin: 5px; border: 1px solid #ccc">companion ad 300x60</div>
<div id="companiona" style="width:300px; height: 250px; margin: 5px; border: 1px solid #ccc; float: left;">companion ad 300x250</div> -->

<div id="player_a" syle="margin:0; float: right;" class="projekktor"></div>
<div style="clear: both;"></div>

<script type="text/javascript">
$(document).ready(function() {
//оставил на всякий случай
    function setCompanions() {
	$('#companionb').html('<img width="728" height="90" src="http://www.projekktor.com/content/demos/vast/imgadb.jpg">');
	$('#companionc').html('');
	$('#companiona').html('<img width="300" height="250" src="http://www.projekktor.com/content/demos/vast/imgad.jpg">');
	$('#companionb').click(function() {
	    window.location.href = 'http://www.google.com';
	})
	$('#companiona').click(function() {
	    window.location.href = 'http://www.google.com';
	})
    }    
    
    projekktor('#player_a', {
	debug: false,
	poster: 'media/intro.png',
	useYTIframeAPI: false, 
	width: 410,
	height: 267,
	controls: true,
	playlist: [
	    {
		0:{src:'media/1.mp4', type:"video/mp4"}, // рекламный ролик
		config: {
		    title: 'advertisement',
		    className: 'ad',
		    disallowSkip: true,
		    plugin_controlbar: {
			showOnStart: true,
			disableFade: true
		    },
		    plugin_display: {
			staticControls: false,
			displayPlayingClick: function() {
			    alert("Досмотрите ролик рекламодателя до конца!")
			}
		    }		    
		}
	    },
	    {
		0:{src:'media/2.mp4', type:"video/mp4"}, //основной видос
		config: {
		     className: 'postad',
		}
	    }
	]     
    }, function(player) {
	player.addListener('start', setCompanions)
    
    });
    
    
    
})
</script>

</body>
</html>

Вот сам плеер. Распаковывается, кидается туда эта хтмлка и в каталог media скидывается рекламный ролик и основной.

Исправление soko1, 05.06.13 13:53:

Если вдруг кому интересно, то вот какой код написал:

<!DOCTYPE HTML>
<html>
<head>
<title>Projekktor Version 8 Test</title>
<link rel="stylesheet" href="theme/style.css" type="text/css" media="screen" />

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <!-- Load jquery -->
<script type="text/javascript" src="projekktor-1.2.30r272.min.js"></script> <!-- load projekktor -->
</head>
<body>

<!--
<div id="companionb" style="width:728px; height: 90px; margin: 5px; border: 1px solid #ccc">companion ad 790x90</div>
<div id="companionc" style="width:300px; height: 60px; margin: 5px; border: 1px solid #ccc">companion ad 300x60</div>
<div id="companiona" style="width:300px; height: 250px; margin: 5px; border: 1px solid #ccc; float: left;">companion ad 300x250</div> -->

<div id="player_a" syle="margin:0; float: right;" class="projekktor"></div>
<div style="clear: both;"></div>

<script type="text/javascript">
$(document).ready(function() {
//оставил на всякий случай
    function setCompanions() {
	$('#companionb').html('<img width="728" height="90" src="http://www.projekktor.com/content/demos/vast/imgadb.jpg">');
	$('#companionc').html('');
	$('#companiona').html('<img width="300" height="250" src="http://www.projekktor.com/content/demos/vast/imgad.jpg">');
	$('#companionb').click(function() {
	    window.location.href = 'http://www.google.com';
	})
	$('#companiona').click(function() {
	    window.location.href = 'http://www.google.com';
	})
    }    
    
    projekktor('#player_a', {
	debug: false,
	poster: 'media/intro.png',
	useYTIframeAPI: false, 
	width: 410,
	height: 267,
	controls: true,
	playlist: [
	    {
		0:{src:'media/1.mp4', type:"video/mp4"}, // рекламный ролик
		config: {
		    title: 'advertisement',
		    className: 'ad',
		    disallowSkip: true,
		    plugin_controlbar: {
			showOnStart: true,
			disableFade: true
		    },
		    plugin_display: {
			staticControls: false,
			displayPlayingClick: function() {
			    alert("Досмотрите ролик рекламодателя до конца!")
			}
		    }		    
		}
	    },
	    {
		0:{src:'media/2.mp4', type:"video/mp4"}, //основной видос
		config: {
		     className: 'postad',
		}
	    }
	]     
    }, function(player) {
	player.addListener('start', setCompanions)
    
    });
    
    
    
})
</script>

</body>
</html>

Исходная версия soko1, 05.06.13 13:53:

Если вдруг кому интересно, то вот какой код написал:

<!DOCTYPE HTML>
<html>
<head>
<title>Projekktor Version 8 Test</title>
<link rel="stylesheet" href="theme/style.css" type="text/css" media="screen" />

<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <!-- Load jquery -->
<script type="text/javascript" src="projekktor-1.2.30r272.min.js"></script> <!-- load projekktor -->
</head>
<body>

<!--
<div id="companionb" style="width:728px; height: 90px; margin: 5px; border: 1px solid #ccc">companion ad 790x90</div>
<div id="companionc" style="width:300px; height: 60px; margin: 5px; border: 1px solid #ccc">companion ad 300x60</div>
<div id="companiona" style="width:300px; height: 250px; margin: 5px; border: 1px solid #ccc; float: left;">companion ad 300x250</div> -->

<div id="player_a" syle="margin:0; float: right;" class="projekktor"></div>
<div style="clear: both;"></div>

<script type="text/javascript">
$(document).ready(function() {
//оставил на всякий случай
    function setCompanions() {
	$('#companionb').html('<img width="728" height="90" src="http://www.projekktor.com/content/demos/vast/imgadb.jpg">');
	$('#companionc').html('');
	$('#companiona').html('<img width="300" height="250" src="http://www.projekktor.com/content/demos/vast/imgad.jpg">');
	$('#companionb').click(function() {
	    window.location.href = 'http://www.google.com';
	})
	$('#companiona').click(function() {
	    window.location.href = 'http://www.google.com';
	})
    }    
    
    projekktor('#player_a', {
	debug: false,
	poster: 'media/intro.png',
	useYTIframeAPI: false, 
	width: 410,
	height: 267,
	controls: true,
	playlist: [
	    {
		0:{src:'media/1.mp4', type:"video/mp4"}, // рекламный ролик
		config: {
		    title: 'advertisement',
		    className: 'ad',
		    disallowSkip: true,
		    plugin_controlbar: {
			showOnStart: true,
			disableFade: true
		    },
		    plugin_display: {
			staticControls: false,
			displayPlayingClick: function() {
			    alert("Досмотрите ролик рекламодателя до конца!")
			}
		    }		    
		}
	    },
	    {
		0:{src:'media/2.mp4', type:"video/mp4"}, //основной видос
		config: {
		     className: 'postad',
		}
	    }
	]     
    }, function(player) {
	player.addListener('start', setCompanions)
    
    });
    
    
    
})
</script>

</body>
</html>

Вот сам плеер.