WordPress.org

Ready to get started?Download WordPress

Forums

Flowplayer HTML5 for WordPress
[resolved] How to make a grey frame (border) around the player? (4 posts)

  1. egerlach
    Member
    Posted 6 months ago #

    Hi,
    thank you for flowplayer! A powerful software, I'll buy the commercial version as soon as my website makes money.

    How can I make a grey frame around the player? Possibly with a shadow (gradient) like shown in: http://flowplayer.org/ (second video)

    tia!
    Eckard

    http://wordpress.org/plugins/flowplayer5/

  2. Ulrich
    Member
    Plugin Author

    Posted 6 months ago #

    This is the css that they used.

    #tour_page #start_end .flowplayer {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px #ddd;
    -moz-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    This css would add the border to every video.

    .flowplayer {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px #ddd;
    -moz-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    to restrict it to a certain page you could use something like this.

    .postid-1 .flowplayer {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px #ddd;
    -moz-box-shadow: 0 0 20px #ddd;
    box-shadow: 0 0 20px #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }

    http://www.wpbeginner.com/wp-themes/wordpress-body-class-101-tips-and-tricks-for-theme-designers/

  3. egerlach
    Member
    Posted 6 months ago #

    Thx! It works!

  4. Ulrich
    Member
    Plugin Author

    Posted 6 months ago #

    Great :) I would appreciate it if you could leave a review.

Reply

You must log in to post.

About this Plugin

About this Topic