我想知道是否可以使用视频旋转控件。 这是我的代码:
HTML:
<div id="personalvideo">
<video width="710" height="400" controls>
<source src="MOV_0007.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<object data="MOV_0007.mp4" width="870" height="400">
<embed src="movie.swf" width="320" height="240">
</object>
</video>
</div>
的CSS:
#personalvideo
{
background-repeat: no-repeat;
height: 400px;
width : 870px;
margin-left: 315px;
margin-top: 80px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
答案 0 :(得分:0)
确定您可以通过构建自定义控件HTML 5视频来实现这一目标。
这里是你可以知道怎么做的链接 -
http://blog.teamtreehouse.com/building-custom-controls-for-html5-videos