HTML5如何使用DOM进行自定义控制
发表于:2026-11-04 作者:千家信息网编辑
千家信息网最后更新 2026年11月04日,这篇文章主要介绍了HTML5如何使用DOM进行自定义控制,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML5的video虽然可用c
千家信息网最后更新 2026年11月04日HTML5如何使用DOM进行自定义控制
这篇文章主要介绍了HTML5如何使用DOM进行自定义控制,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
HTML5的video虽然可用controls来展示控件,并进行控制播放暂停等,但是不同的浏览器显示的效果可能不一样,所以很多时候我们需要使用Dom来进行自定义的一些操作和控制。下面是一个小例子。
当然效果不是很美观,若想好看的可以自己设置css样式等。
代码如下:
您的浏览器不支持此HTML5 视频标签。
代码如下:
var myVideo=document.getElementById("myVideo");
function playPause()
{
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function toBig()
{
myVideo.width=560;
}
function toNormal()
{
myVideo.width=420;
}
function toSmall()
{
myVideo.width=320;
}
需要注意的是在所有属性中,只有 videoWidth 和 videoHeight 属性是立即可用的。
在视频的元数据已加载后,其他属性才可用。
感谢你能够认真阅读完这篇文章,希望小编分享的"HTML5如何使用DOM进行自定义控制"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
控制
篇文章
属性
代码
效果
浏览器
视频
支持
浏览
不同
好看
美观
价值
例子
兴趣
只有
同时
控件
数据
时候
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
喔噻互联网科技有限公司
互联网科技图片
互联网是第几次科技革命的成果
河南云网互联网络科技有限公司
互联网科技公司华为
互联网科技公司的优势
互联网巨头科技公司
麻工互联网科技
北京互联网科技公司
猪兼强互联网科技
华中科技大学互联网
广州互联网络科技有限公司
智慧科技互联网
互联网巨头投资的硬核科技
重庆互联网医院沙龙医盟信息科技
链环科技传统企业怎么转型互联网
智帮互联网科技公司最近动向
美国互联网科技公司
东营紫格互联网科技
前海云享互联网科技
科技互联网政务服务
中国 科技 互联网
米客互联网科技
顺玮阁互联网科技
广州慧亚互联网科技怎么样
互联网5g黑科技有哪些
互联网公司高科技产品
四川互联网展示科技馆设计
有人说阿里系是互联网科技企业
互联网科技职业技能培训学校