MrJian7 2023-01-25 13:02 采纳率: 100%
浏览 75
已结题

HTML图片上插图视频播放问题(有偿)

HTML图片上插图视频播放问题
本人是代码白纸,最近在管理网站需要用到一些简单的代码

 <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <th scope="col"><div style="text-align: center; margin: 0; padding: 0;">
          <div id="img01" style="text-align:center;background-image:url(https://img.shoplineapp.com/media/image_clips/63cd7515dad543001da2cc48/original.jpg?1674409237);width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;">
            <iframe src="https://player.vimeo.com/video/789713698?h=46ac4560d8&autoplay=1&loop=1&title=0&byline=0&portrait=0&muted=1&controls=0" width="1200" height="675" frameborder="20" style="border:20px solid rgba(0, 0, 0, 0.0)" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
          </div>
        </div></th>
    </tr>
  </tbody>
</table>
</html>

运行结果PC端是我想要的效果
但是问题出再手机端,视频却居中到了图片上,把页面的内容都往下移动了,导致浏览内容时,首屏不全面。
希望可以改成视频维持在顶部,背景图片不显示,或者高度跟随视频高度一样,如下图所示。(另外网站是用购物平台系统,但是可以添加客制化语法,所以有些语法是被禁止的,最好也不要外部载入CSS或者JS)

img


img

后来也用了AI尝试改写,可能是我描述的问题,始终还是没改成。
求解!付费悬赏,谢谢!

  • 写回答

4条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 2月5日
      • 已采纳回答 1月28日
      • 修改了问题 1月25日
      • 创建了问题 1月25日

      悬赏问题

      • ¥15 这段有什么bug 为什么总报错
      • ¥15 关于#php#根据url判断选择加载模板应该如何解决?会的速来捡钱!
      • ¥15 Intel Realsense深度相机(D415/D435)拍摄梯子获取梯子点云
      • ¥50 unity使用easyar录屏更换视频保存路径
      • ¥15 CECGameSession::OutputLinkSevError(iRetCode=4) LINK超时
      • ¥20 出错 textread (第 124 行) [varargout{1:nlhs}]=dataread('file',varargin{:}); %#ok<REMFF1>
      • ¥15 tensor flow目标检测环境配置问题
      • ¥15 数据库float型转换精度问题
      • ¥15 运行您代码时出现报错,如何解决?(标签-回归|关键词-无法识别)
      • ¥50 android service弹出dialog,showdialog就出错,如何解决?