javascript - HTML5 视频 - 在最后一帧暂停

Question

我使用完整背景 HTML5 视频作为我的 WordPress 网站的标题，并希望它卡住在视频的最后一帧，而不是像当前那样剪切为黑色背景。

if(strpos($video_image, "http://") !== false || strpos($video_image, "https://") !== false){
            $video_image_src = $video_image;
        } else {
            $video_image_src = wp_get_attachment_image_src($video_image, 'full');
            $video_image_src = $video_image_src[0];
        }

        //$poster_markup = (!empty($video_image)) ? 'poster="'.$video_image_src.'"' : null ;
        $poster_markup = null;
        $video_markup = null;

        $video_markup .=  '<div class="video-color-overlay" data-color="'.$bg_color.'"></div>';


        $video_markup .= '

        <div class="mobile-video-image" style="background-image: url('.$video_image_src.')"></div>
        <div class="nectar-video-wrap" data-bg-alignment="'.$bg_position.'">


            <video class="nectar-video-bg" width="1800" height="700" '.$poster_markup.'  preload="auto" autoplay>';
                if(!empty($video_webm)) { $video_markup .= '<source type="video/webm" src="'.$video_webm.'">'; }
                if(!empty($video_mp4)) { $video_markup .= '<source type="video/mp4" src="'.$video_mp4.'">'; }
                if(!empty($video_ogv)) { $video_markup .= '<source type="video/ogg" src="'. $video_ogv.'">'; }

           $video_markup .='</video>

        </div>';

        echo $video_markup;
    }

在视频类中，我已经删除了那里的循环，这让我的视频在结束后直接进入黑屏。

任何有关如何让它在最后一帧暂停的帮助将不胜感激，谢谢!

Answer 1

这是一个 1.01 分钟的视频，以黑色结尾。为了使其在变黑之前结束，请将时间设置为 1 分钟。为此，请将“#t=0,60”附加到视频末尾。

<video controls width="450" > <source src="https://math.hawaii.edu/~dale/140/camtasia/07m1.mp4#t=0,60" type="video/mp4"> </video>