为了账号安全,请及时绑定邮箱和手机立即绑定

尝试将视频源移动到网页的最左侧

尝试将视频源移动到网页的最左侧

慕田峪4524236 2022-09-16 20:49:38
我有一个视频源,位于我的网页中间。我希望能够将其向左移动。过去使用过 div 和 CSS 标签的位置:绝对;左:60像素;顶部:180像素;我知道如何移动物体。出于某种原因,这似乎是不同的。它如何保持在页面的中间是我的一个很大的好奇心。断续器<!DOCTYPE html><html><head>  <meta charset="utf-8">  <meta name="description" content="WebRTC code samples">  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1">  <meta itemprop="description" content="WebRTC RPI-WebRTC-Stream Testing Page">  <meta itemprop="image" content="images/webrtc-icon-192x192.png">  <meta itemprop="name" content="Raspberry WebRTC Stream">  <meta name="mobile-web-app-capable" content="yes">  <meta id="theme-color" name="theme-color" content="#ffffff">  <base target="_blank">  <link rel="icon" sizes="192x192" href="images/webrtc-icon-192x192.png">  <link href="//fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" type="text/css">  <link rel="stylesheet" href="css/main.css" /></head><body>  <div id="container"> <video id="remoteVideo" autoplay playsinline controls muted width="100%" height="100%"></video> <div>      <button id="Connect">Connect</button>      <button id="Disconnect">Disconnect</button>    </div>  </div>  <!-- <script src="js/lib/adapter.js"></script> -->  <script src="js/common.js"></script>  <!--   <script src="js/main_rws_orig.js"></script>  -->  <script src="js/sdputils.js"></script>  <script src="js/peerconnection_client.js"></script>  <script src="js/websocket_signaling.js"></script>  <script src="js/main_rws.js"></script>  <script src="https://webrtc.github.io/adapter/adapter-latest.js"></body></html>
查看完整描述

2 回答

?
largeQ

TA贡献2039条经验 获得超7个赞

删除以下行:这应该做需要的。

margin: 0 auto 0 auto;


查看完整回答
反对 回复 2022-09-16
?
aluckdog

TA贡献1847条经验 获得超7个赞

这可能是因为你的css中有这个,你的视频在div#容器中。在 css 中,边距:0 自动通常使元素居中。您可以删除边距或最大宽度,它应该向左移动。


div#container {

    margin: 0 auto 0 auto;

    max-width: 40em;

}


查看完整回答
反对 回复 2022-09-16
  • 2 回答
  • 0 关注
  • 89 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信