将 HTML5 视频嵌入 WordPress 的静态首页

Question

我正在尝试使用 WordPress 中的静态首页方法创建一个启动类型页面，并且我正在尝试在页面加载时播放四秒钟的视频。 我知道如何让视频自动播放，这不是问题。 问题是视频没有显示。

我能够通过创建 front-page.php 模板文件来创建静态首页。 我放在这个文件中的代码如下：

<!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{
     margin-left: 275px;
    }
    </style>
  </head>
<body>

 <div style="border:solid 1px black;"class="mainContent">

 <video id="my_video" height="500" width="700" autoplay>

 <source src=itf.mp4 type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

 <source src=itf.ogv type='video/ogg; codecs="theora, vorbis"'>

  <p>Your browser does not support HTML5 video.</p>
 </video>

 </div><!--End Main Content div-->

</body>
</html>

该页面加载为首页，但 vid 不显示。 这是该网站的链接。

Answer 1

问题是你的视频文件itf.mp4不存在，所以浏览器不能播放。

浏览器在这里查看： http : //irontrianglefilms.com/itf.mp4

正如您所看到的，404（以非常垃圾的 HostGator 方式:(）。

很可能您已将视频文件放在主题目录中，就浏览器而言，该目录与目录不同。 您可以将文件放在您的网络根目录中（坏主意），或者正确链接到文件：

<source src="<?php echo get_bloginfo('template_directory'); ?>/itf.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>

Answer 2

我试图在 Wordpress 的主页上制作静音和循环视频。 最后输出的是向导上的客户代码。现在只需复制 - 过去代码并更改您的视频链接，这很容易和简单。

<video autoplay="" muted="" loop="" id="myVideo"><source src="https://trianglefilms.co.in/wp-content/uploads/2021/01/triangle-films-Main.mp4" type="video/mp4"></video>

将 HTML5 视频嵌入 WordPress 的静态首页

问题描述

2 个解决方案

解决方案1
2 2014-08-22 14:02:07

解决方案2
0 2021-02-22 06:38:05

将 HTML5 视频嵌入 WordPress 的静态首页

问题描述

2 个解决方案

解决方案1 2 2014-08-22 14:02:07

解决方案2 0 2021-02-22 06:38:05

解决方案1
2 2014-08-22 14:02:07

解决方案2
0 2021-02-22 06:38:05