<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div style="text-align:center">
<button οnclick="playPause()">播放/暂停</button>
<button οnclick="makeBig()">放大</button>
<button οnclick="makeSmall()">缩小</button>
<button οnclick="makeNormal()">普通</button>
<br>
<video id="video1" width="420">
<source src="https://www.runoob.com/try/demo_source/mov_bbb.mp4" type="video/mp4">
<source src="https://www.runoob.com/try/demo_source/mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持
Bootstrap4.0视频放大缩小
最新推荐文章于 2023-09-25 16:14:12 发布
这是一个关于如何使用HTML5和JavaScript配合Bootstrap4.0实现视频播放控制的示例。通过点击按钮,可以实现视频的播放、暂停、尺寸放大、缩小和恢复正常。示例中提供了播放/暂停、放大、缩小和恢复到正常尺寸的函数操作。
摘要由CSDN通过智能技术生成