video3
2024-09-02 00:55:17
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.div2{
width: 500px;
height: 500px;
background: #87CEEB;
}
</style>
</head>
<body>
<video width="600" height="" src="img/shiping.mp4" poster="img/timg.jpg" controls="controls"></video>
<button>播放</button>
<button class="fullscreen">全屏</button>
<img src="img/timg.jpg"/>
<div class="div2">
<h1>wxihuanni</h1>
</div>
<script type="text/javascript">
var v1=document.querySelector('video')
document.querySelector('button').onclick=function(){
v1.play()
}
document.querySelector('.fullscreen').onclick=function(){
v1.webkitRequestFullScreen()
}
document.querySelector('img').onclick=function(){
document.querySelector('img').webkitRequestFullScreen()
}
document.querySelector('.div2').onclick=function(){
document.querySelector('.div2').webkitRequestFullScreen()
}
</script>g
</body>
</html>
最新文章
- mysql default unix_timestamp(now())
- 【深度分享】千团大战:看今天商业WiFi乱局及其破解之道
- 英雄联盟网络测速 v1.3 全服全区取延时+取服务器维护状态+机房地理位置
- Kotlin语法(类和对象)
- Ecshop商品详情页显示当前会员等级价格
- [PE结构分析] 9.导出表 IMAGE_EXPORT_DIRECTORY
- C#多线程交替赋值取值
- HDU5046 Airport dancing links 重复覆盖+二分
- Quartz Sheduler 入门
- codeforces 546B
- java的for循环问题的解决,以及安卓中ListView插入数据的问题
- 安装oracle后,Tomcat 登陆 localhost 要求用户名和密码
- Learning ROS for Robotics Programming Second Edition学习笔记(五) indigo computer vision
- 从Node到Go的心路之旅
- 如何获取Azure AD tenant的tenant Id?
- docker容器里设置中文时区
- Alsa aplay S8 U8 S16_LE S16_BE U16_LE U16_BE格式
- [Bayes] Latent Gaussian Process Models
- 基于iOS用CoreImage实现人脸识别
- ssh免输入密码登录