HTML5视频 - 在最后一帧暂停

时间:2017-01-27 15:18:06

标签: javascript wordpress html5 video

我使用完整的背景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;
    }

在视频课程中,我已经删除了那里的循环,但是一旦结束,视频就会让视频直接进入黑屏。

非常感谢任何有关如何让它在最后一帧暂停的帮助,谢谢!

0 个答案:

没有答案