如何在WordPress模板页面中嵌入YouTube视频?

uelo1irk  于 2022-12-03  发布在  WordPress
关注(0)|答案(2)|浏览(197)

我为我的WordPress站点的一个页面创建了一个新的模板页面,因为我想要的只是一些文本和一个YouTube视频。据我所知,WordPress不接受简单地在代码中嵌入YouTube视频,你必须使用YouTube Player API
但是老实说,我不太清楚如何将它应用到我当前的代码中。接下来我可以尝试什么呢?

<?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(); ?>
klsxnrf1

klsxnrf11#

尝试do_shortcode()
https://developer.wordpress.org/reference/functions/do_shortcode/
对于youtube

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

hgqdbh6s2#

只是评论说,接受的答案在2022年不再工作。我们需要更新这一点,因为嵌入短代码似乎不再正常工作。

相关问题