没有直接的方法可以做到这一点,但我们可以通过一个小的JS片段来实现这一点。您可以在页脚中添加以下JS片段,使其适用于内容中的所有视频。
var videos = document.getElementsByTagName(\'video\');
for (var i = 0; i < videos.length; i++) {
videos[i].addEventListener(\'ended\', function(e) {
e.target.load();
});
}
这段代码做什么上述代码段寄存器
ended
事件,并在视频结束时加载视频。
为了使其更加无缝,我们可以过滤the_content
如果有的话[video][/video]
如果使用了shortcode,则应包含此代码,否则不包含。
将以下代码添加到functions.php
或在自定义插件中:
function ja_video_shortcode_check( $content ) {
if ( has_shortcode( $content, \'video\' ) ) {
add_action( \'wp_footer\', function(){
echo "<script>
var videos = document.getElementsByTagName(\'video\');
for (var i = 0; i < videos.length; i++) {
videos[i].addEventListener(\'ended\', function(e) {
e.target.load();
});
}
</script>";
} );
}
return $content;
}
add_filter( \'the_content\', \'ja_video_shortcode_check\' );
在fresh WP实例中使用2017主题进行测试,没有激活插件。
要在小部件中添加此代码,请添加Text
小部件,切换到Text 查看并粘贴以下代码:
<script>
var videos = document.getElementsByTagName(\'video\');
for (var i = 0; i < videos.length; i++) {
videos[i].addEventListener(\'ended\', function(e) {
e.target.load();
});
}
</script>