html - 如何将垂直视频添加到我网站的垂直视频框架中?

标签 html css video video-streaming

我想将我拍摄的垂直方向的视频添加到我的网站。我可以将它添加到普通的水平视频帧中,但这样一来,视频的两边就会出现难看的黑色背景。我知道这是可能的,正如我在这个网站上看到的那样:http://www.verticalvideos.com/index.html

实现该网站中的垂直视频帧的最佳/最简单方法是什么?

最佳答案

<video src="http://exit109.com/~dnn/clips/RW20seconds_1.mp4" width="360" controls=""> No video support in this browser.</video>

是 html5 视频标签,如果你想从 YouTube、vimeo 等嵌入:

<iframe width="400" height="700" src="https://www.youtube.com/embed/tCCY31XxN_Y" frameborder="0" allowfullscreen=""></iframe>

了解更多信息:http://exit109.com/~dnn/clips/VerticalVideo.html

关于html - 如何将垂直视频添加到我网站的垂直视频框架中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36389270/

相关文章:

iphone - 视频播放如何缩放使整个视频画面显示在屏幕上

html - 如何直接将 HTML/CSS 动画保存为视频文件(AVI)?

javascript - 当每个字段具有多个值时如何循环访问 AEM 多字段组件

css - 更改 CSS 旋转 div 的宽度/高度会触发顶部/左侧重新定位

html - 中间对齐元素与图像而不包装在 div 中?

html - 如何防止 table 向侧面移动?

video - FFMPEG 叠加视频与图像删除音频

javascript - 我如何找到该标签的子项? (HTML+JS)

php - 如何使用 css + 1 个以上的元素来设置 php 文件的样式

javascript - 删除动态添加的复选框和相应的图像