HTML5如何使用DOM进行自定义控制
发表于:2025-02-07 作者:千家信息网编辑
千家信息网最后更新 2025年02月07日,这篇文章主要介绍了HTML5如何使用DOM进行自定义控制,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML5的video虽然可用c
千家信息网最后更新 2025年02月07日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安全错误
数据库的锁怎样保障安全
校园网络安全演讲稿
亚马逊软件开发商要求
华为云数据库可以做什么
全球自动化服务器
软件开发许多人学不会
吃鸡游戏服务器有几个
数据库为何不叫信息库
附加数据库错误5120
大数据和计算机网络技术
c写http服务器
分布式数据库系统题目
网络安全策略白名单
江阴正睿服务器维修服务点
用友u8数据库服务器数据源
软件开发常见英文文档
数据库接口 命名
软件开发加薪申请表怎样填写
筑牢网络安全防线 ppt
校园网络安全教育视频短片
移动互联软件开发c
博达软件开发有限公司面试内容
绵阳软件开发有哪些公司
软件开发的职业生涯道路
网络安全部的工作
进销存数据库远程连接
网络安全和信息管理
全国网络安全知实竟赛
山东锐远网络技术有限公司
系统软件开发大概要多少钱
用IP地址查不到服务器名称