因此,我在WordPress中有一个显示html5视频的自定义帖子类型。有没有一种方法可以在下一段视频结束后自动播放,并且仍然保持在同一个帖子上?我在想this 将是一个完美的例子。
这里有一个link 到目前为止我所拥有的。
我有一个自定义的帖子类型,叫做nowthisearth_post
和自定义字段nowthisearth_media_url
这就引入了指向MP4文件的链接。现在有6篇帖子,希望在视频结束后继续下一篇。这是我现在拥有的。。
我开始使用get_next_post();
功能,但似乎不起作用。我在想,也许它需要转换成某种视频播放列表,底部有缩略图。
<div class="container-fluid nowthis-header">
<div class="container" style="z-index:11;">
<div class="row">
<div class="col-12">
<?php $mrssfeed_url = get_post_meta(get_the_id(), \'nowthisearth_media_url\', true);?>
<video class="nowthis-video" style="" width="1280" height="720" autoplay="true" controls loop>
<source src="<?php echo $mrssfeed_url ?>" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="col-12">
<?php $next_post = get_next_post();
if ( is_a( $next_post , \'nowthisearth_post\' ) ) : ?>
<a href="<?php echo get_permalink( $next_post->ID ); ?>"><?php echo get_the_title( $next_post->ID ); ?></a>
<?php endif; ?>
</div>
</div>
</div>
SO网友:Tam
这似乎暂时有效。。
已添加onended="onEndVideo()"
像这样的视频元素。
<?php $mrssfeed_url = get_post_meta(get_the_id(), \'nowthisearth_media_url\', true);?>
<video onended="onEndVideo()" id="nowthis-video" class="nowthis-video" style="" width="1280" height="720" autoplay="true" controls>
<source src="<?php echo $mrssfeed_url ?>" type="video/mp4">
Your browser does not support the video tag.
</video>
然后对javascript执行此操作。。
function onEndVideo() {
document.querySelector("a.next-post").click();
}