HTML5如何使用DOM进行自定义控制
发表于:2025-11-18 作者:千家信息网编辑
千家信息网最后更新 2025年11月18日,这篇文章主要介绍了HTML5如何使用DOM进行自定义控制,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML5的video虽然可用c
千家信息网最后更新 2025年11月18日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安全错误
数据库的锁怎样保障安全
阿里云邮件服务器
网站数据库表坏了
数据库表在哪个文件夹
用户端前端后端服务器之间的关系
厦门敬霄互联网科技有限公司
云服务器有什么作用
互联网科技公司中国排名
计算机网络技术网络安全专业
数据库转意
建网站用共享服务器安全吗
云平台基础软件开发
仙桃学术数据库
西安网络安全售前工程师招聘
连接别人数据库18456
服务器的管理系统有哪些
海陵区购买网络技术多少钱
四川大学网络安全工程学院
小学教师网络安全困惑
锂电数据库
网上咨询软件开发课程
著作有数据库检索页吗
全球规模最大的文摘和引文数据库
大兴区先进软件开发价目表
数据库常用英文
互联网智能科技发展
沈阳互联网科技学院在哪
四川定制化服务器供应厂家
金水科技园区网络安全基地
所有程序都要有服务器吗
java和数据库怎么联系到一起