Video not fitting to fluid themes on initial view in firefox and ie

I can give you my modified js player if you wanted to pick it apart.

basically the trick is to specify a pixel based width to the video tag, so that the browsers can internally calculate the size ratio, then your CSS will take over and scale the video down proportionally.

thanks for the great plugin by the way.

I am extremely angry with you. If you are going to modify core plugin files and then ask for my help, you have to tell me that you did it. I just wasted an hour troubleshooting a problem that YOU CREATED because you thought you knew better. The lines you added into the video-js.css file break the player and prevent the video from even playing in Firefox, which then prevents the plugin from resizing.

FFMPEG is only used for making thumbnails and transcoding video files. It has no effect on the video player.

The problem you’re seeing is not because there are no height or width tags. In fact, if you look at the source code on your page at https://www.hihandsome.tv/the-well/0165/ it does not show what you posted. I see this:

<video id="video_82" controls preload="metadata" width="1280" height="720" class="video-js kg-video-js-skin" data-setup='{}'>

What you’re looking at is in your browser’s web console and is the result of Video.js re-building the player into separate elements based on the playback technology used for the particular combination of browser and source file. There is still height and width information in that collection of elements, it just isn’t in the <video> tag anymore, which is perfectly fine.

I had already written this up before I realized what you had done. I am not going to provide you with any further support.

Wow you need to calm down. I didnt modify any files for your plugin. also the video pays just fine for me. It’s just not scaling on initial view. The video js files I did modify were for a separate video plugin. Which works perfectly. It sounds like you don’t understand the problem and how to solve it. Just say so and nove on. ill figure it out myself.

My front page is putting the correct tags. Your player isnt. End of story. If you wish to ignore the problem, that is your prerogative.

Are you seriously going to claim that you didn’t modify this file? https://www.hihandsome.tv/wordpress/wp-content/plugins/video-embed-thumbnail-generator/video-js/video-js.css

This is how the .video-js .vjs-tech class is supposed to look ( https://plugins.svn.www.ads-software.com/video-embed-thumbnail-generator/tags/4.1.4/video-js/video-js.css )

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

and this is how it looks on your site:

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  max-width 100%;
  height: auto;
}

i think that you did a great job with your plugin, i think it has some issues that i have discovered for you. i would expect a thank you from a normal developer for testing and trying to debug his plugin. you are obviously not a normal developer. [ Personal unflattering comment moderated ]

I’m angry because you wasted my time making me troubleshoot the wrong thing. Your modifications led me down the wrong path and I wasted an hour on a beautiful Saturday morning trying to fix a problem that wasn’t real. If you had told me up front that you had made those changes I would have been happy to help. If you made those modifications after you posted here, you should have posted again and let me know. When you then claimed that you hadn’t changed anything I pointed out that you did in fact change something.

I have never ever been angry with a user before. If you look through the support forum and the comments on my website I make a point to be generous and helpful to everyone. I make modifications to the plugin all the time based on user input. I’m sorry that I blew up at you and I will try to be helpful from now on.

I’m looking at the video at https://www.hihandsome.tv/the-well/0165/ Now that you’ve reinstalled the plugin it looks fine in Chrome and Firefox. Can you clear your cache to remove that bad CSS file and then post a screenshot of the video looking differently than you want it to?

Dear kevin. This is my original post:

hi, I have already resolved this issue once with a different plugin, but basically you have to make sure that the final <video embed> tag has the following:
<video width=”1280″ height=”auto”>

what wrong path are you talking about? why are you even looking at css? I told you EXACTLY what to do. why are you second guessing me and getting angry?? make the video tag look like my front page and problem is solved. I normally dont even ask for help kevin, normally I fix the problem myself and then block updates from you so that you dont override my changes. I liked your plugin so much and your fast response to the other problem i found for you, that i decided to share the solution so that you end up with a better plugin. I told you EXACTLY what to do. Yes I admit i went in and worked a little bit on the plugin late at night, sorry it was really late and i didnt have time or energy to post my changes. I shouldnt have to anyway, because my original post here told you EXACTLY what to do. I just have to dig through your code and find out exactly where you generate the video tag, i figured that you can do this faster than me.

but even if you dont help me, eventually ill figure this out and fix it, just like i did with my previous plugin, and then lock it down and move on with my life…

I went ahead and uploaded a screenshot of the problem:

https://www.hihandsome.tv/the-well/0166/

this is after clearing ALL cache. firefox works a little better, immediatelly on load it looks like the screenshot above, then it quickly snaps into the correct size. im thinking that maybe my overall theme css is scaling it down?

also my smartphone with chrome is also showing the same problem.

again, the code i provided you with, works perfectly 100% of the time. You stated that your code is fine, but i KNOW its not. there must be width specified in pixels in the video php, otherwise IE doesnt know the aspect ratio…

err i meant to say <video tag> not video php.

also one more thing, the video on my front page also relies on a background image to work. sorry i forgot about that little part.

if i were to not include an image, then the scaling issue will happen.

im thinking that the image is what forces the video size, because the width tag is being applied to the image and the image stretches the parent div to the right scale, then the video tag fills the div.

Like i stated previously, i would be more than happy to give you the entire video-js plugin im using.

Guys? That’s enough, alright?

@dmitri I’ve deleted your posts that contained personal attacks. Seriously, if you want to help Kyle with his plugin then you don’t have to take the bait either. If you’re looking for support for this plugin well, you’re both past that point.

I recommend walking. This back and forth moved this whole topic into unproductive territory long ago. You both know what you’re doing but this has to stop.

@kyle? Less coffee maybe? Plugin support has always been optional and on your own time. If you think you’ve wasted your time and are angry about it then stop, breath and also take a walk.

You really didn’t have to start off with “I am extremely angry with you.” and while I’m sorry that dmitri took the bait I can’t blame him either.

Thank you for supporting your work. But when you post here you really need to understand that you’re in the service support space. You don’t accomplish anything by starting off like that.