返回

video

 

<html>

<head>
	<style type="text/css">
		.box {
			width: 200px;
			height: 300px;
			border: 1px solid red;
		}
        .box .inner-box {
            width: 100%;
            height: 100%;
            border: 1px solid red;
        }
		.box video {
			width: 300px;
			height: 200px;
			border: 1px solid green;
			transform: rotate(90deg);
			margin-left: -50px;
			margin-top: 50px;
		}
	</style>
</head>

<body>
	<div class="box">
        <div class="inner-box">
            <video object-fit="scale-down" controls="controls" src="http://poapn60pw.bkt.clouddn.com/eventbus.mp4">
		    </video>
        </div>
	</div>
</body>

</html>

  

posted @ 2019-04-11 19:09  feige_hunter  阅读(234)  评论(0编辑  收藏  举报