Why Cant use "auto" or "100%" as width\height ?

well i try to edit Css and find how can i solve this problem :

seems when i Disable >> position: relative; in >> .video-js

my problem solve but the weird thing is i try to remove position: relative in both of these files :

video-js.css and video-js.min.css

but after do this i have position: relative; still in my generated css !! seems it generates dynamically or get this properties from some where else

here screenshot of disable position: relative; with firebug in Firefox :
1
2

=================================================================
for now i get my video ID and put this css and it work but not nice cause i must do this for every video separately

#example_video_id_15626 {
position: static;
}

damn !! video_id change every time i refresh the page !!

i use to define a CSS ID when put a video and then put this css in main template , i don’t know why but putting in video-js.css not work !!

I’m trying to accomplish the same thing. I want to make the video responsive to a variety of sizes. Anyone have a solution?

The plugin does what you want by default – no css editing required. You should check “Responsive Video” on the settings page and then set the height and width of the video in the shortcode to the height and width of the actual video. The video will then auto resize to the width of its container.

If you don’t want your video’s id to change on every refresh, set id=”yourid” in the shortcode.

Ugh. My bad. I didn’t even notice that your plugin had a settings page! I did as you suggest and it works great.

Suggestion: Maybe you could add a link to the settings on the Plugins page where you activate/deactivate the plugins, which might help others not make my same mistake.

Thank you for a great plugin!