H5 video标签的属性

35-video标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>35-video标签</title>
</head>
<body>
<!--
1.什么是video标签?
作用: 播放视频

格式:
<video src="">
</video>

video标签的属性
src: 用于告诉video标签需要播放的视频地址
autoplay: 用于告诉video标签是否需要自动播放视频
controls: 用于告诉video标签是否需要显示控制条
poster: 用于告诉video标签视频没有播放之前显示的占位图片
loop: 一般用于做广告视频, 用于告诉video标签视频播放完毕之后是否需要循环播放
preload: 预加载视频, 但是需要注意preload和autoplay相冲, 如果设置了autoplay属性, 那么preload属性就会失效
muted:静音
width/height: 和img标签中的一模一样
-->

<!--<video src="images/sb1.webm" autoplay="autoplay" controls="controls"></video>-->
<!--<video src="images/sb1.webm"  controls="controls" poster="images/NJ.jpg"></video>-->
<video src="images/sb1.webm"  autoplay="autoplay" loop="loop" muted="muted" width="800px"></video>
</body>
</html>

时间： 2024-08-02 10:53:27

H5 video标签的属性的相关文章

video标签常用属性及说明

video标签常用属性(在标签内部使用) video常用API属性及方法(API属性是供JS调用的,不在video标签元素中直接使用)

<video>标签的属性代码如下: src :视频的属性poster:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度 html 代码代码如下: <video id="media" src="http://www.jb51.net/test.mp4" controls width="400px" he

HTML5的Video标签的属性,方法和事件汇总

<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度 height:视频高度 html 代码 <video id="media" src="http://www.sundxs.com/test.mp4" controls width="400px" heigt

HTML5的Video标签的属性,方法和事件

<video>标签的属性 src :视频的属性 poster:视频封面,没有播放时显示的图片 preload:预加载 autoplay:自动播放 loop:循环播放 controls:浏览器自带的控制条 width:视频宽度 height:视频高度 ##Media方法和属性:## HTMLVideoElement和HTMLAudioElement 均继承自HTMLMediaElement Media.error; //null:正常 Media.error.code; //1.用户终止 2.网

h5 video标签的使用

标签的布置 <video src="1.mp4" poster="1.jpg" id="vid" controls> 你的浏览器不支持该视频播放 </video> 标签的属性配置 autoplay => 自动播放 controls => 是否显示控件 width => 播放器的宽度 height => 播放器的高度 loog => 是否循环播

H5 video标签的第二种格式

36-video标签的第二种格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>36-video标签的第二种格式</title> </head> <body> <!-- 1.格式: <video> <source src="" type

关于H5 video标签铺满盒子的问题

video标签两边不能铺满盒子:如图: 如果不考虑兼容IE浏览器可以使用CSS样式: video{ object-fit:fill;} 以上CSS不兼容IE 需要兼容IE建议去这里看看详细插件的使用原文地址:https://www.cnblogs.com/yangjunboHTML/p/12160690.html

如何禁止 iPhone Safari video标签视频自动全屏？

最近做一个移动端微信页面项目,在微信页面中有视频播放,但是需要禁止IOS的自动全屏播放(前提必须使用video标签).如: <video id="post" autoplay loop preload="auto"> <source src="foo.mp4" type="video/mp4"> </video> 在iPhone safari 点击视频会弹出播放器进行全屏播放. 在网上看了看

HTML5 video标签实现视频播放：普通篇

随着互联网的飞速发展以及HTML5的应用,越来越多的项目中用到video,audio当常用标签. 下面先介绍下video标签的一般用法 video标签的属性如下: 注:control 属性供添加播放.暂停和音量控件. 一般用法: <div class="videoCon"> <video width="750" height="300" id="videoP" src="video.mp4"