Javascript 如何在WordPress模板页面中嵌入YouTube视频？_Javascript_Html_Wordpress_Youtube

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

javascript html wordpress youtube

Javascript 如何在WordPress模板页面中嵌入YouTube视频？,javascript,html,wordpress,youtube,Javascript,Html,Wordpress,Youtube,我为WordPress网站上的一个页面创建了一个新的模板页面，因为我只想在该页面上显示一些文本和YouTube视频。据我所知，WordPress不接受在代码中嵌入YouTube视频，您必须使用但老实说，我不太清楚如何将其应用到我当前的代码中。下一步我能试试什么 <?php /* Template Name: Black Ballad Crowdfunding Subscriptions*/ ?> <!DOCTYPE html> <html <?php lan

我为WordPress网站上的一个页面创建了一个新的模板页面，因为我只想在该页面上显示一些文本和YouTube视频。据我所知，WordPress不接受在代码中嵌入YouTube视频，您必须使用

但老实说，我不太清楚如何将其应用到我当前的代码中。下一步我能试试什么

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


黑人民谣众筹
$（文档）.ready（函数（）{
$（“#更多1”）。单击（函数（）{
$（“.reveal1”）。滑动切换（“慢速”）；
$（“.video-container1”）。滑动切换（“慢速”）；
});
});
一些文本
更多文本。

试试do_shortcode（）

为youtube

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

我试图将链接嵌入模板的原始代码中，而不是wordpress admin中的描述。。你知道我如何做到这一点吗？是的，把它放在你的模板中的php标签之间，无论你想在哪里显示YouTube视频。如果你需要在帖子中显示它，我相信你需要把它放在“for”或“while”循环中。查看WordPress文档，我只是在我的原始代码的顶部加了一个字，但还是什么都没有。这里肯定出了什么问题。自己看一看，你必须用你想显示的视频的url替换YouTube的url。。但是，是的，这应该行得通。您可能希望将该代码放在video-container1 div中