Ich bin gerade dabei eine Homepage mit einen Video zu erstellen welches mit einer Auflösung von 1920 x 1080 abgespielt werden soll.
Dabei ist mir aufgefallen, dass wenn ich eine kleinere Auflösung oder bei einenm Phone das Video ansehe dieses einfach abgeschitten wird.
Hierfür habe ich folgendes im Template ce_player.html5 geändert: <video style="max-width:100%;" ...
Code:
<div class="<?php echo $this->class; ?> block"<?php echo $this->cssID; ?><?php if ($this->style): ?> style="<?php echo $this->style; ?>"<?php endif; ?>>
<?php if ($this->headline): ?>
<<?php echo $this->hl; ?>><?php echo $this->headline; ?></<?php echo $this->hl; ?>>
<?php endif; ?>
<!-- indexer::stop -->
<?php if ($this->isVideo): ?>
<video style="max-width:100%;" <?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>
<?php else: ?>
<audio<?php echo $this->size; ?> preload="none"<?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; ?>
</audio>
<?php endif; ?>
<!-- indexer::continue -->
</div>
Somit passt sich das Video bei kleineren Auflösungen automatisch an.
Lesezeichen