<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>视频播放</title>
</head>
<body>
<div style="text-align:center">
<button onclick="playPause()">播放/暂停</button>
<button onclick="makeBig()">放大</button>
<button onclick="makeSmall()">缩小</button>
<button onclick="makeNormal()">普通</button>
<br>
<video id="video1" width="420" controls controlslist="nodownload nofullscreen noremoteplayback noplaybackrate"
onended="onVideoEnded()">
<!-- 浏览器将使用第一个可识别的格式 -->
<source src="mov_bbb.ogg" type="video/ogg">
<source src="mov_bbb.mp4" type="video/mp4">
您的浏览器不支持 HTML5 video 标签。
</video>
</div>
<script>
function playPause() {
let myVideo = document.getElementById("video1")
if (myVideo.paused) {
myVideo.play()
} else {
myVideo.pause()
}
}
function makeBig() {
let myVideo = document.getElementById("video1")
myVideo.width = 560
}
function makeSmall() {
let myVideo = document.getElementById("video1")
myVideo.width = 320
}
function makeNormal() {
let myVideo = document.getElementById("video1")
myVideo.width = 420
}
function onVideoEnded() {
alert("感谢观看")
}
</script>
</body>
</html>
HTML 与 ECMAScript 学习示例.zip
需积分: 2 49 浏览量
2024-03-13
22:33:29
上传
评论
收藏 768KB ZIP 举报
HTML 与 ECMAScript 学习示例.zip （37个子文件） 
code_30312 src crypto 
crypto.js 890B class picture.js 533B base.js 239B media 
video.html 1KB
mov_bbb.mp4 770KB array decrease.js 86B typescript type_interface.js 355B hellots.ts 114B type_base.ts 127B type_class.js 308B declare_file.js 16B type_interface.ts 502B hellots.js 109B type_base.js 119B type_enum.ts 369B declare_file.ts 15B type_array.ts 102B type_array.js 92B type_class.ts 304B type_enum.js 621B http axios.js 307B qs.js 125B module import-module.js 273B export-default.js 82B export-module.js 288B async async-await.js 472B sleep.js 270B promise.js 272B util random.js 380B regexp.js 189B datetime.js 223B lodash.js 198B test.js 206B iterable iterable.js 376B package.json 456B package-lock.json 4KB .gitignore 154B资源评论
