Html 在动态视频帖子上添加自动播放
我试图在帖子打开时自动播放帖子正文中的视频 这就是它现在的样子:Html 在动态视频帖子上添加自动播放,html,jquery,html5-video,Html,Jquery,Html5 Video,我试图在帖子打开时自动播放帖子正文中的视频 这就是它现在的样子: <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/w
<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>
(函数($){
$(文档).ready(函数(){
$(“.wp视频短码”).prop('loop','loop');
$(“.wp video shortcode”).prop('muted',true);
$('.wp video shortcode').prop('autoplay',true);
});
})(jQuery);
但它什么也没做。我做错了什么
下面是一个post示例,视频应该自动播放。
多谢各位
感谢阅读以下内容:
仅当您使用静音属性时,自动播放才起作用。请阅读以下内容:
仅当您使用静音属性时,自动播放才起作用。您需要这些属性才能获得静音自动播放视频:onloadedmetadata=“this.muted=true”、playsinline、Autoplay、muted、loop
您的浏览器不支持视频标记。
您需要这些属性才能获得静音自动播放视频:onloadedmetadata=“this.muted=true”、播放在线、自动播放、静音、循环
您的浏览器不支持视频标记。