WordPress不呈现HTML5视频

时间:2014-08-23 12:32:09

标签: php html5 wordpress video

我正在尝试在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

我很感激你的帮助,这是第二天试图解决这个问题。 Chris Mazzochi

1 个答案:

答案 0 :(得分:0)

尝试使用这个,记得在调用函数后添加“/”以获取目录。

   <?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>