WordPress.org

Ready to get started?Download WordPress

Forums

podPress
Width of HTML5 Player (2 posts)

  1. saracup
    Member
    Posted 3 years ago #

    Is it possible to adjust the width of the html5 player?

    http://wordpress.org/extend/plugins/podpress/

  2. ntm
    Member
    Plugin Author

    Posted 3 years ago #

    It is possible but not via an option on one of the admin pages of a blog.

    But you could alter the width via CSS commands. You could add the following CSS snippets to the style.css file of your theme.

    .podpress_playerspace audio {
    	width:100%;
    }

    This will increase the width of the podPress <audio> elements to the full width of the post block. Instead of the 100% value, you could insert other values measured e.g. in pixels (e.g. 250px).

    Modifying the size of the gray play botton is a little bit more difficult:

    a.podpress_play_button {
    	display:block;
    	width:60px !important;
    	height:60px !important;
    	background-repeat: no-repeat;
    	background-position: 0px 0px;
    	background-size: 120px 60px;
    }
    a.podpress_play_button:hover, a.podpress_play_button:focus, a.podpress_play_button:active {
    	background-repeat: no-repeat;
    	background-position: -60px 0px !important;
    }

    In this example the size of the button is increased to 60px x 60px (the default size is 32px x 32px). But notice that background-size is a CSS 3 command. (The current versions of Safari and Chrome/Chromium should support that. But I'm not sure since which version.)
    If you do not want to rely on that CSS 3 command you would adjust the size of the icon image file /wp-content/plugins/podpress/images/play_button_dyn_v4_32.png

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic