尝试将视频源移动到网页的最左侧
我有一个视频源，位于我的网页中间。我希望能够将其向左移动。过去使用过 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>
慕田峪45242362回答
-
largeQ
删除以下行：这应该做需要的。margin: 0 auto 0 auto; -
aluckdog
这可能是因为你的css中有这个，你的视频在div#容器中。在 css 中，边距：0 自动通常使元素居中。您可以删除边距或最大宽度，它应该向左移动。div#container { margin: 0 auto 0 auto; max-width: 40em;}
随时随地看视频慕课网APP
相关分类
JavaScript