1. 

   savio
   

   offline

   Member

   Hello, I have a small video that I have on my site using the HTML5 Toolkit. It appears very small (I know that is an issue with the video). I would like to make it bigger, I know that would cause pixelation, but I am not sure how to make it bigger. I have tried adjusting this CSS, using a min-width of 200% changing max width, adding a height, nothing seems to work. Am I in the right place?
   Many thanks

   Video file: https://robert-hanley.com/entertainer.php it is the bottom one under the "Videos" section"

   CSS I am changing with no results:
   /*
   ---------------------------------------------
   SELF-SERVED HTML5 VIDEOS
   ---------------------------------------------
   */

   .tk-video-mp4 video {
   max-width: 100%;
   }

   Posted 9 months ago
2. 

   Gerry
   

   offline

   PVII Team

   The max-width: 100% is not a width setting, it is a stop point. Change it to a width setting, like this:

   tk-video-mp4 video {
   width: 100%;
   }

   and it will expand to the width of the container, use 80% and it will expand to 8=90% of the width of its container. You would use max-width only to control the maximum width amount it can be.

   Posted 9 months ago
3. 

   savio
   

   offline

   Member

   Thx so much - I seem to be having a cache problem in Chrome as that was one of the things I tried with no avail (even after clearing cache and trying CNTRL + R) I tried again but same thing in Chrome....however, it does seem to work when I open up in Edge.

   I just have to figure out what is going on with my Chrome now!
   Thanks so much!

   Posted 9 months ago
4. 

   savio
   

   offline

   Member

   Oddly enough, my client can’t see the change either. He cleared his cache 3x and is using Firefox.
   Anyone else experiencing odd caching issues with their sites? Would this be a server issue?
   Weird that I can see it on Edge, but not Chrome and he can’t see it in Firefox.

   Posted 9 months ago
5. 

   Gerry
   

   offline

   PVII Team

   Your new width setting of 60% is showing up without issue for me on both Chrome and Firefox, didn't even need to clear cache.

   Posted 8 months ago
6. 

   savio
   

   offline

   Member

   Thanks - it is odd- I reinstalled Chrome (was having some other issues) and now it works fine for me...client still not seeing it on Firefox and now his Android phone. I am going to check with his host to see if there happens to be any server cache - another client has a similar thing and I have a link I have to click to clear the server cache anytime I make changes - otherwise it doesn't propagate to browsers right away (it is a huge pain). I am thinking it might be that.

   I do have another video question using the iframe - but will post separately. Thanks for your help Gerry!

   Posted 8 months ago

RSS feed for this topic

Reply

You must log in to post.