在网页的空白图片中如何播放视频

这个网页是用切片工具弄出来的
首先我做了一个网页大概是这样的

img


中间这个白色的方框是一个图片
它的代码是这一段

img


我想在这个图片中加一段视频，根据这个图片的大小包裹住视频
然后我在这图片加了播放视频代码如下：

<html>
<head>
<title>官网页面title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

    <div>
<table id="__01" width="1920" height="1080" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="3">
            <img src="images/官网页面1_01.jpg" width="1920" height="415" alt="">td>
    tr>
    <tr>
        <td rowspan="2">
            <img src="images/官网页面1_02.jpg" width="583" height="665" alt="">td>
        <td><video src="节水.mp4">
            <img src="images/官网页面1_03.jpg" width="728" height="401" alt="" >td>video>
        
        <td rowspan="2">
            <img src="images/官网页面1_04.jpg" width="609" height="665" alt="">td>
    tr>
    <tr>
        <td>
            <img src="images/官网页面1_05.jpg" width="728" height="264" alt="">td>
    tr>
table>
    div>

body>
html>

然后

img


请问一下我要怎么实现

图片设置成背景图片，中间盒子水平垂直居中，然后放你的视频播放

可参考：https://blog.csdn.net/cainiaoyihao_/article/details/115703093

这里报错了，希望可以为你解答