Javascript in Video Template einfügen und video tag ersetzen

**Zwergenmeister** · 28.06.2013, 11:50

Hallo liebe Community,

möchte gerne die Funktionalität des Video Elements weiter nutzen nur den Player dahinter ändern ohne das ich für jedes Video eine .php Datei im temp Verzeichnis erstelle mit festem path pro video.

Habe den Teil schon im Template gefunden:

ce_player.html5

PHP-Code:


<?php if ($this->isVideo): ?>

    <video<?php echo $this->size; ?><?php if ($this->poster): ?> poster="<?php echo $this->poster; ?>" preload="none"<?php endif; ?><?php if ($this->autoplay): ?> autoplay<?php endif; ?> controls>

      <?php foreach ($this->files as $file): ?>

        <source type="<?php echo $file->mime; ?>" src="<?php echo $file->path; ?>" title="<?php echo $file->title; ?>">

      <?php endforeach; ?>

    </video>

Das ist das JS

Code:

<div id='my-video'></div>
<script type='text/javascript'>
    jwplayer('my-video').setup({
        file: 'http://content.bitsontherun.com/videos/lWMJeVvV-364767.mp4',
        image: 'http://www.longtailvideo.com/content/images/jw-player/lWMJeVvV-876.jpg',
        width: '640',
        height: '360'
    });
</script>

Jetzt muss ich ja das JS dort einfügen und die Variablen tauschen richtig ?
Wie bekomme ich die Variable für size getrennt ?

Code:

<div id='<?php echo $this->id; ?>'></div>
<script type='text/javascript'>
    jwplayer('<?php echo $this->id; ?>').setup({
        file: '<?php echo $file->path; ?>',
        image: '<?php if ($this->poster): ?> poster="<?php echo $this->poster; ?>',
        width: '640',
        height: '360'
    });
</script>

Wie setzte ich das jetzt weiter um? / Size splinten aber wie ?

Vorab Danke für jede Hilfe

Gruß
Zwergenmeister