在动态视频帖子上添加自动播放

Question

我正在尝试让 post 正文中的视频在 post 打开时自动播放。

这是它目前的样子：

<video class="wp-video-shortcode" id="video-611-1_html5" width="1080" height="1920" preload="metadata" src="https://jetminister.s3.eu-central-1.amazonaws.com/wp-content/uploads/2020/08/05141345/InVideo___Richard_Branson.mp4?_=1" style="width: 500px; height: 888.889px;"><source type="video/mp4" src="https://jetminister.s3.eu-central-1.amazonaws.com/wp-content/uploads/2020/08/05141345/InVideo___Richard_Branson.mp4?_=1"><a href="https://jetminister.s3.eu-central-1.amazonaws.com/wp-content/uploads/2020/08/05141345/InVideo___Richard_Branson.mp4">https://jetminister.s3.eu-central-1.amazonaws.com/wp-content/uploads/2020/08/05141345/InVideo___Richard_Branson.mp4</a></video>

我尝试使用以下方法添加自动播放：

    <script>
    (function($) {
    $(document).ready(function() {
    $(".wp-video-shortcode").prop('loop', 'loop');
    $(".wp-video-shortcode").prop('muted', true);
    $('.wp-video-shortcode').prop('autoplay', true);
    });
    })(jQuery);
    </script>

但它什么也没做。我做错了什么？

这是一个 post 视频应自动播放的示例。 https://jetminister.epic-cars.be/richard-branson/

谢谢

感谢

Answer 1

读这个： https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

自动播放仅在您使用静音属性时有效。

Answer 2

您需要这些属性来获得静音自动播放视频：onloadedmetadata="this.muted = true", playsinline, autoplay, muted, loop

<video width="320" height="240"  onloadedmetadata="this.muted = true" playsinline autoplay muted loop>
  <source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4">
  <source src="https://www.w3schools.com/tags/movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

在动态视频帖子上添加自动播放

Add autoplay on dynamic video posts

html

jquery

html5-video