在原生开发中控制HTML5视频!
在原生开发中控制HTML5视频!
PC端
视频如何自动播放!
在video标签中添加 autoplay + muted(静音属性!)
温馨提醒: video是一个块级元素!
但是唯一的缺陷就是视频没有声音!
<video
src="video/「跨界喜剧王第4季」第9期 文松 张佳宁小品《白蛇缘起》爆笑_好看视频.mp4"
autoplay
muted="false">
视频自动播放!
</video>
视频的全屏播放!
但是这个全屏播放只能是浏览器的最大宽度和高度!
<video
src="video/「跨界喜剧王第4季」第9期 文松 张佳宁小品《白蛇缘起》爆笑_好看视频.mp4"
class="quanping"
autoplay
muted="false"
loop>视频自动播放!</video>
<style>
/* object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 */
/* object-fit 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 */
.quanping {
width: 100%;
height: 100%;
min-height: 1080px;
object-fit: cover;
}
</style>
本文来自博客园,作者:{lvhanghmm},转载请注明原文链接:https://www.cnblogs.com/lvhanghmm/p/14107129.html

浙公网安备 33010602011771号