Soporte » WordPress Avanzado » Como cambiar o modificar el estilo del reproductor de wordpress

  • zonamixs

    (@zonamixs)


    Necesito Modificar el estilo css de reproductor de wordpress , cambiar el script cambiar los bontes de volumente , de pantalla completa, etc y otra cosillas mas pero no se donde o como hacerlo de manera correcta.
    alguien que sepe por favor que me ayude con ese problema ?.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - 1 de 5 (de 5 total)
  • Moderador Fernando Tellado

    (@fernandot)

    zonamixs

    (@zonamixs)

    es que soy nuevo en esto de css y directorio etc
    donde le creo o le pongo
    dentro de /wp-includes/css
    o
    \wp-content\themes\videopro\css

    y este codigo

    <?php
    /**
     * Add an HTML class to MediaElement.js container elements to aid styling.
     *
     * Extends the core _wpmejsSettings object to add a new feature via the
     * MediaElement.js plugin API.
     */
    add_action( 'wp_print_footer_scripts', 'mytheme_mejs_add_container_class' );
    
    function mytheme_mejs_add_container_class() {
    	if ( ! wp_script_is( 'mediaelement', 'done' ) ) {
    		return;
    	}
    	?>
    	<script>
    	(function() {
    		var settings = window._wpmejsSettings || {};
    		settings.features = settings.features || mejs.MepDefaults.features;
    		settings.features.push( 'exampleclass' );
    		MediaElementPlayer.prototype.buildexampleclass = function( player ) {
    			player.container.addClass( 'mytheme-mejs-container' );
    		};
    	})();
    	</script>
    	<?php
    }

    le pego en functions.php igual que el primer codigo ?

    y te tengo otra pregunta acerca de el clip de mause cuando dan en pantalla completa no hay alguna manera de que desaparezca cuando se ponga en pantalla completa ?
    osea igual que cuando vees un video de youtube en pantalla completa o vimeo facebook, o otro plugin , porque es molesto mover el clip hacia la derecha para desaparecerse te agradecería mucho si me ayudarías por favor
    por ejemplo en este video
    https://www.zonamixs.com/zero-no-tsukaima-futatsuki-no-kishi-sub-espanol-episodio-12/
    no desaparece el mause
    instale el plugin https://wordpress.org/plugins/media-player-style-kit/
    pero necesito el primero que me diste por favor help.

    • Esta respuesta fue modificada hace 4 meses por Fernando Tellado. Razón: Etiquetado correcto del código
    Moderador Fernando Tellado

    (@fernandot)

    El CSS, a falta de que aprendas más, se añade en Apariencia > Personalizar > CSS adicional de la administración de tu sitio.

    El código ese iría al final del archivo functions.php de tu tema activo pero sin la primera línea de código (la de <?php)

    hola amigo ya pude cambiar y modificar el reproductor solo quiero que ayudes en dos cosas mas por favor o 1 nomas
    quiero que el clip de mause desparezca cuando se ponen en modo pantalla completa
    por ejemplo en este video
    https://www.zonamixs.com/los-7-pecado-capitales-temporada-1-capitulo-16-audio-latino/?series=los-7-pecado-capitales-temporada-1
    hay alguna css o script para hacer que haga eso ?.

    también quiero cambiar los iconos de los botones de reproducción vi este tuturial
    https://www.danielnabil.com/blog/guia-personalizar-estilo-reproductor-audio-wordpress/
    pero no logro cambiar pegue donde la guía me dijo
    /wp-includes/js/mediaelement/
    pero no se cambio

    .no-svg .mejs-controls .mejs-button button {
        background-image: url('mi botones') !important;
    }

    o no se donde debo pegarle me ayudas por favor ?.

    • Esta respuesta fue modificada hace 3 meses, 3 semanas por Fernando Tellado. Razón: Etiquetado correcto del código
    Moderador Fernando Tellado

    (@fernandot)

    El CSS siempre donde te dije, hasta que aprendas más sobre el sistema de plantillas de WordPress.

Viendo 5 respuestas - 1 de 5 (de 5 total)
  • Debes estar registrado para responder a este debate.