video的属性和方法

已于 2023-09-07 13:59:30 修改
阅读量799 收藏
点赞数 1
文章标签： 前端 开发语言
于 2023-09-07 13:57:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iLtnan/article/details/132736236
版权

标签属性：

src  视频播放路径（本地路径或者线上路径）

width 视频宽度 默认300 默认单位是px

height 视频高度 默认150

controls 添加播放控件

muted 设置静音

poster 视频封面 它的值是一个url

autoplay 自动播放

loop  循环播放

 常用的 api

     play（）播放

      lause（）暂停

      currenTime 当前播放时间

      duration 播放总时长

       timeupdate 实时监听视频播放

       webkitRequestFullScereen 全屏

       playbackRate 播放倍数

       volume 设置音量 范围0.0 -1.0

拖拽事件

deagstart  拖拽开始

drag  拖拽中

deagend 拖拽结束

Lrefuel
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html5video标签属性,H5中video标签那些属性和方法
weixin_34233720的博客
06-05 4447
前言最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来video标签行内属性src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条width：视频宽度height：视频高度webkit-...
html中video全属性详解,科技常识：详解Html5中video标签那些属性和方法
weixin_39707201的博客
06-10 2178
今天小编跟大家讲解下有关详解Html5中video标签那些属性和方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关详解Html5中video标签那些属性和方法 的相关资料，希望小伙伴们看了有所帮助。前言最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛...后面会把自己写的播放器和踩过的一些坑也上传上来video标签行内属性src：视...
HTML中 video标签样式铺满全屏
qq_63608386的博客
03-12 1721
video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式stylewidth100%;height100%;
HTML5 ＜video＞常用属性、时间、方法及基础使用说明
m0_67793437的博客
06-12 1177
标签也可用于播放音频，但播放音频用更加适合。MP4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件基础写法
video的常用标签属性、对象方法和对象属性的介绍
热门推荐
技术积累，技术分享
10-04 1万+
1、video标签的作用 video标签时用来定义视频播放器的，而且他还可以实现自定义播放、暂停、进度和控制等控制栏的功能 video标签的使用方法，如下： <video src = "视频文件路径" controls>你的浏览器不支持video标签</video> /* 其中src时video的基本属性用于存放视频文件路径， 而controls是video标签提供的一套默认的控制栏功能， 其中包含了播放、暂停、进度和控制等功能， 而video标签中包含的文字是用于浏览器不支持时显示
h5 video标签属性及方法
qq_43640899的博客
04-25 3711
1、video 属性 <!-- video 不支持 IE8及以下版本浏览器，支持三种视频格式：MP4，WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <video src="test.mp4" controls controlslist="nodownload" width="400" height="
video 属性和事件用法大全
sunsineq的专栏
04-12 1731
（1） video属性 <!-- video 不支持 IE8及以下版本浏览器，支持三种视频格式：MP4，WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <video src="test.mp4" controls controlslist="nodownload" width="400" he...
video标签的属性、方法和事件汇总
各自安好、的博客
07-27 1693
video标签的属性、方法和事件汇总 video标签的属性 src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 html代码 <video id="video" src="http://www.sundxs.com/test.mp4" controls width="400px" heigt="400px"></v
video常见的属性及方法事件
qq_34656296的博客
10-14 1348
属性 poster: 图片 src: 播放地址 height: 高 width: 宽 autoplay: 静音下自动播放 muted: 静音状态 controls: 控制器 loop: 循环 currentSrc: 当前播放地址 currentTime: 当前播放时长 单位 s duration: 音频时长 单位 s paused: 是否暂停 ended: 结束 loop设置为true 一直false playbackRate: 当前视频的播放速度 defaultPlaybac
video标签属性总结
qq_35227244的博客
05-23 1350
导读：video标签在H5页面上是常用的播放视频的标签，有很多新属性，在这里总结一下，作video的日常熟悉和平时使用时的翻阅查询之用。视频格式有.mp4 .webm .ogg这几种格式的， 在浏览器上支持的最好的是.mp4所以推荐使用的视频播放源。
HTML5 Video标签的属性、方法和事件汇总介绍
11-21
本文将深入探讨`<video>`标签的属性、方法和事件，帮助开发者更好地理解和利用这一强大的功能。 首先，让我们来看看`<video>`标签的一些主要属性： 1. **src**：指定视频文件的URL，是必需的属性。 2. **poster**...
详解Html5中video标签那些属性和方法
11-21
最近在写一个自定义播放器, 写之前我们肯定要把播放器的属性和方法全部过一遍,知彼知己,方能百战不殆嘛…后面会把自己写的播放器和踩过的一些坑也上传上来 video标签行内属性 src：视频的URL poster：视频封面，...
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 509
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
js、ts、argular、nodejs学习心得
最新发布
07-30 313
工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构。
苍穹外卖浏览器前端界面修改
程序员象漂亮的博客
07-25 304
客户原始方案是期望做一个Spring Boot + Vue的饿了么系统，但时间上太仓促，所以建议选择开源的苍穹外码目作为作业提交。客户接受了建议的方案后，期望对前端页面提出了一些个性化的定制修改。
基于上云api前端开发经验教训(loading...)
IIIIIAN
07-26 472
对于上云api开发学习过程中的错误教训积累总结
electron 主进程和渲染进程
qq_21087199的博客
07-29 334
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 1823
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
video属性
06-02
video属性是HTML5中用于嵌入视频的标签属性，可以让网页开发者在网页中直接播放视频。它的语法如下： ``` <video src="video.mp4" width="640" height="360" controls></video> ``` 其中，src属性指定视频文件的URL，width和height属性指定视频播放器的宽度和高度，controls属性用于显示视频控制条，让用户可以控制视频的播放、暂停、音量等功能。除此之外，还可以添加其他属性，如autoplay、loop、muted等，来实现自动播放、循环播放、静音等功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值