CSS to hide progress bar, full screen, pause button

mjmathews
(@mjmathews)

10 years, 3 months ago

Hi,

I know you might see this topic and immediately link to a previously discussed thread (https://wordpress.org/support/topic/cant-hide-progress-bar-fullscreen-and-click-to-pause?replies=4) but I have a question regarding this.

On that thread, you say to use the skimming tab and then custom CSS to hide the features. The progress bar and other things are still showing, so I am going to edit with the custom css of….. .
flowplayer-video-52 .fp-ui {
display: none;
}

My question is, where do I edit this CSS. I do not see an area within the plugin, nor do I see somewhere to upload a custom css file.

https://wordpress.org/plugins/flowplayer5/

Viewing 8 replies - 1 through 8 (of 8 total)

Thread Starter mjmathews
(@mjmathews)

10 years, 3 months ago

Skinning * not skimming

Plugin Author Ulrich
(@grapplerulrich)

10 years, 3 months ago

The best place for the CSS would be in the style.css file of a child theme. If you are using Jetpack there is a place to add custom CSS. I hope this helps.

Thread Starter mjmathews
(@mjmathews)

10 years, 3 months ago

Awesome! that worked great. I don’t know why i am having an issue with two thick grey borders on the left and right ends of the video… any ideas on how to fix it?

Plugin Author Ulrich
(@grapplerulrich)

10 years, 3 months ago

It might have something to do with the video ratio and the measurements defined in the configuration setting of the video.

If you share a link where the video is placed I might have a better idea.

Thread Starter mjmathews
(@mjmathews)

10 years, 3 months ago

http://addsisters.flywheelsites.com

that should be the link to the page to the video… hopefully it will work

Plugin Author Ulrich
(@grapplerulrich)

10 years, 3 months ago

The link is no redirecting to another site which is not using Flowplayer anymore. Did something change?

Thread Starter mjmathews
(@mjmathews)

10 years, 3 months ago

Plugin Author Ulrich
(@grapplerulrich)

10 years, 3 months ago

It seems the video dimensions are not defined correctly. You want to define the width “1920” and height “1080”. You could define the maximum width if you wanted to but should not be necessary as the video is responsive.

Your video should be optimized. The 25 sec video is about 60 MB. One of my videos which is 30 long is only 4 MB. You can see how much you can optimize it.

Check out Flowplayer Drive https://flowplayer.org/pricing/ It hosts your videos and automaically generates all of needed video formats for best browser support and the thumbnail. Try it out and see if you see the difference in speed.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘CSS to hide progress bar, full screen, pause button’ is closed to new replies.

Tags