WordPress无法呈现HTML5视频

Question

我正在尝试在WordPress中创建启动页面（已完成），但是浏览器未找到我想播放的视频。

不在WordPress中时可以使用。 但是一旦进入WordPress，就不是。 这是我的代码：

<?php
/*
Template Name: Splash
*/
?>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Iron Triangle Films Splash Page</title>
   <link rel="stylesheet" href="css/styles.">
    <style>
   .mainContent{
       width: 50%;
       margin-left: 250px;
   }
   </style>
  </head>
<body>
 <div class="mainContent">
 <video id="my_video" height="500" width="700" autoplay>
 <source src="<?php echo get_bloginfo('template_directory');?> itf.mp4"   type="video/mp4">
  <source src="<?php echo get_bloginfo('template_directory');?> itf.ogv" type="video/ogg">
   <p>Your browser does not support HTML5 video.</p>
 </video>

 <p style="text-align: center;">This site is currently under development and will be back online shortly.</p>
  </div><!--End Main Content div-->
 </body>
</html>

视频源中的以下代码行：

            <?php echo get_bloginfo('template_directory');?>

由某人建议，但这没有用。

该网站是www.irontrianglefilms.com

非常感谢您在尝试解决此问题的第二天。 克里斯·马佐基

Answer 1

尝试使用此命令，记住在调用函数以获取目录后添加“ /”。

   <?php
/*
Template Name: Splash
*/
?>

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Iron Triangle Films Splash Page</title>
   <link rel="stylesheet" href="css/styles.">
    <style>
   .mainContent{
       width: 50%;
       margin-left: 250px;
   }
   </style>
  </head>
<body>
 <div class="mainContent">
 <video id="my_video" height="500" width="700" autoplay>
 <source src="<?php echo get_bloginfo('template_directory');?>/itf.mp4"   type="video/mp4">
  <source src="<?php echo get_bloginfo('template_directory');?>/itf.ogv" type="video/ogg">
   <p>Your browser does not support HTML5 video.</p>
 </video>

 <p style="text-align: center;">This site is currently under development and will be back online shortly.</p>
  </div><!--End Main Content div-->
 </body>
</html>

WordPress无法呈现HTML5视频

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-08-23 13:07:53

WordPress无法呈现HTML5视频

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-08-23 13:07:53

解决方案1
0 已采纳 2014-08-23 13:07:53