Question

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

我能够通过创建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。这是一个link to the site。

Answer 1

问题是您的视频文件itf.mp4不存在，因此浏览器无法播放。

浏览器正在此处查看：http://irontrianglefilms.com/itf.mp4

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

您很可能已将视频文件放在主题目录中，该目录与浏览器无关。您可以将文件放在Web根目录中（不好主意），也可以正确链接到文件：

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

在HTMLPress中将HTML5视频嵌入静态首页

2 个答案: