html5视频图片转播轮

如果您需要在HTML5视频中添加图片或者实现图片与视频之间的切换播放，可以使用HTML5中的canvas标签来实现。具体步骤如下：

1. 在HTML文档中添加canvas标签，并设置宽度和高度：

<canvas id="myCanvas" width="640" height="360"></canvas>

2. 使用JavaScript获取canvas标签和视频元素，并将视频画面绘制到canvas上：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var video = document.getElementById("myVideo");
ctx.drawImage(video, 0, 0, canvas.width, canvas.height);

3. 在canvas上绘制图片：

var img = new Image();
img.src = "image.jpg";
ctx.drawImage(img, 0, 0, canvas.width, canvas.height);

4. 使用JavaScript设置定时器，实现图片和视频之间的切换播放：

setInterval(function() {
    if (video.paused) {
        video.play();
    } else {
        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
        video.pause();
    }
}, 5000);

上述代码中，定时器每隔5秒钟切换一次播放状态，当视频暂停时，绘制图片；当视频正在播放时，暂停视频播放。

请注意，上述代码仅为示例，实际应用中还需要根据具体情况进行修改和调整。