¿Cómo puedo incrustar un video de YouTube en una página de plantilla de WordPress?

2 minutos de lectura

Avatar de usuario de T.Doe
T. Doe

Creo una nueva página de plantilla para una de las páginas de mi sitio de WordPress porque todo lo que quiero en esa página es texto y un video de YouTube. Por lo que entiendo, WordPress no acepta simplemente incrustar un video de YouTube dentro de su código, debe usar el API del reproductor de YouTube.

Pero para ser honesto, no tengo muy claro cómo aplicarlo a mi código actual. ¿Qué puedo probar a continuación?

<?php /* Template Name: Black Ballad Crowdfunding Subscriptions*/ ?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>

<head>
  <?php get_header(); ?>
  <title>Black Ballad Crowdfunding</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="style.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

  <script>
    $(document).ready(function(){
      $("#more1").click(function(){
        $(".reveal1").slideToggle("slow");
        $(".video-container1").slideToggle("slow");
      });
    });
  </script>
</head>

<body>

<div class="container">

  <div id="intro">
    <p>Some text.</p>
    <p class="reveal1">Some more text.
      <div class="video-container1" align="center">
        <iframe width="560" height="315" src="https://www.youtube.com/embed/JfHXbPv9cUg" frameborder="0" allowfullscreen></iframe>
      </div>
    </p>
   <div id="more1" align="center" title="View More">
     <img src="http://www.blackballad.co.uk/wp-content/uploads/2016/10/drop.png" width="20px" height="20px">
   </div>

</div>

</body>

<?php get_footer(); ?>

Prueba do_shortcode()

https://developer.wordpress.org/reference/functions/do_shortcode/

para youtube

echo do_shortcode( 'https://www.youtube.com/user/bluehost?v=zQ-eL7zH6rQ' );

  • Estoy tratando de incrustar el enlace en el código sin procesar de la plantilla, no en la descripción en el administrador de wordpress… ¿sabe cómo puedo lograrlo?

    – T.Doe

    24/10/2016 a las 18:25

  • Sí, colóquelo en su plantilla entre las etiquetas php donde quiera que se muestre el video de YouTube. Si necesita mostrarlo en una publicación, creo que debe ponerlo en un bucle ‘for’ o ‘while’. Consulta los documentos de WordPress.

    – LegenJerry

    24/10/2016 a las 18:34

  • Literalmente acabo de poner youtube.com/user/bluehost?v=zQ-eL7zH6rQ[/embed]‘); ?> justo en la parte superior de mi código sin procesar y todavía absolutamente nada. Seguramente algo está realmente mal aquí. Echa un vistazo por ti mismo blackballad.co.uk/crowdfunding

    – T.Doe

    24/10/2016 a las 18:41


  • Bueno, tienes que reemplazar esa URL de YouTube con la URL del video que te gustaría mostrar… Pero sí, eso debería funcionar.

    – LegenJerry

    24/10/2016 a las 18:43

  • Es posible que desee poner ese código dentro del div video-container1

    – LegenJerry

    24/10/2016 a las 20:13

Solo comento para decir que la respuesta aceptada ya no funciona en 2022. Necesitamos una actualización de esto ya que el shortcode incrustado ya no parece funcionar correctamente.

¿Ha sido útil esta solución?