Wordpress视频上的奇怪静音、自动播放行为

Question

我正在尝试将一个自托管视频嵌入到wordpress页面中。这是在同一个wordpress安装的媒体库中托管的视频。

但我很难让视频出现在页面上，而不是自动播放和声音。

似乎是这样的：

1. 出现时没有播放按钮(看起来像静态图像(
2. 出现自动播放，但没有声音

我在页面代码上尝试了各种设置，让它看起来像一个普通的视频，播放按钮没有设置为自动播放，但我被难住了。

这些是我来更改时的设置

<div class="video-area">

<video width="100%" autoplay muted>
<source src="<?php the_field('video_section_video') ?>" type="video/mp4">
</video>

</div>

然后我尝试了这个：

<div class="video-area">
<video width="100%" muted="false" autoplay="false">
<source src="<?php the_field('video_section_video') ?>" type="video/mp4">
</video>

</div>

我还尝试将最初的默认设置更改为删除自动播放和静音，但似乎没有任何组合的更改能达到我想要的效果。

它要么是静态的，没有启动视频的选项，要么是在没有声音的情况下自动播放。我知道浏览器现在不允许视频带声音自动播放，但我只需要它看起来像一个带播放按钮的普通视频。

Answer 1

您缺少controls

<div class="video-area">
<video width="100%" muted="false" autoplay="false" controls>
<source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video/mp4">
</video>

供您参考：https://www.w3schools.com/html/html5_video.asp