Forum Support

Shape 5
April 22, 2021, 08:13:31 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
   Home   Help Search Login Register  
Pages: [1]
Author Topic: Video Play size incorrect  (Read 532 times)
Jr. Member
Offline Offline

Posts: 20

« on: April 26, 2018, 07:51:48 AM »

Hi Sorry don't understand why, but now migrating the site from the siteshaper into the existing site and the video is playing small and the size in general is wrong for the pre-load  image too..

Also noticed the



Well this is odd.. the Editor changes the HTML also..

here is what I have in the /3/ component

<div class="video_wrap" style="max-height: 980px; min-height: 550px; background: url('');"><video muted="" autoplay="autoplay" loop="loop" src=""></video>
<div class="video_overlay"></div>

and then when I cut and paste this into the /2/ custom compoent and save it ends up like this.. not sure if that is related somehow ??  Also noticed the ionicons are missing.. same deal the tags are removed when saving..  Any ideas?   Note it added the Width and height tags ??

<div class="video_wrap" style="max-height: 980px; min-height: 550px; background: url('../3/images/video_preload.jpg');"><video src="../3/images/Puzzle.mp4" autoplay="autoplay" loop="loop" muted="" width="300" height="150"></video>
<div class="video_overlay"> </div>


« Last Edit: April 26, 2018, 09:42:09 AM by jambo90210 » Logged
Offline Offline

Posts: 28743

« Reply #1 on: April 26, 2018, 11:06:53 AM »


The video player is going to be contained to whatever size you set the max and min heights to. You currently have it set to 980px in height, so it will cut off if the video is taller than that. I would recommend turning off your editor while you work on html code, they have a tendency to alter code. If you need any of the original code you can grab from here:

Mike Knott
Shape 5 Team

- Need a great host for your website? We highly recommend!

- Put your trust in the hands of our extremely qualified staff to get your job done right!

- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.