html5实现视频（放大缩小播放暂停）

效果如下图：

<!DOCTYPE html>
<html>
<body>
<meta charset="utf-8">
<div style="text-align:center;"><button onclick="playPause()">播放/暂停</button><button onclick="makeBig()">大</button><button onclick="makeNormal()">中</button><button onclick="makeSmall()">小</button><br /><video id="video1" width="420" style="margin-top:15px;" controls="controls"><source src="mov_bbb.mp4" type="video/mp4" />  <!-- 视频 必须是自己的 视频名称  视频路径--><source src="mov_bbb.ogg" type="video/ogg" />Your browser does not support HTML5 video.</video>
</div><script type="text/javascript">var myVideo=document.getElementById("video1");function playPause(){if (myVideo.paused)myVideo.play();elsemyVideo.pause();}function makeBig(){myVideo.width=560;}function makeSmall(){myVideo.width=320;}function makeNormal(){myVideo.width=420;}
</script>

html5实现视频（放大缩小播放暂停）相关推荐

html5 canvas视频放大
<div id='video_cap'> <canvas id="video-canvas01" style="width:70%;he ...
怎么让在线视频播放html,HTML5网页视频强制变速倍速播放
Video Speed Controller 是一款倍速播放视频的浏览器插件! 现在网站上播放的视频,基本上都可以实现倍速播放,但偶尔也有些网站上的视频:没有倍速播放功能. 有时候看一些没有倍速播放功 ...
Android播放器实现视频窗口实时放大缩小功能
很多开发者希望Android播放端实现视频窗口的放大缩小功能,为此,我们做了个简单的demo,通过播放端回调RGB数据,直接在上层view操作处理即可,Github:https://github.co ...
H5多媒体（用面向对象的方法控制视频、音频播放、暂停、延时暂停）
视频,音频播放器会是我们在工作中用到的一些h5新标签,它自带一些属性,比如暂停播放,快进快退,但是,我们经常不用原生的样式或者方法,我们需要自定义这些按钮来达到我们需要的样式,也需要我们自定义来实现一 ...
JQuery播放暂停HTML视频
本文档原始链接:http://blog.okbase.net/jquery2000/archive/4485.html: 我尝试用jQuery控制HTML5视频,两个视频分别在两个tab中,我希望点中 ...
播放器SkeyeWebPlayer多分屏（九宫格）、拖动（拖入分屏播放）、双击分屏放大缩小等功能的使用
免费视频直播.点播H5播放器SkeyeWebPlayer多屏(九宫格).双击分屏放大缩小.拖动(拖入分屏播放)等功能的使用. 1.SkeyeWebPlayer多屏(九宫格)布局切换,一般采用1.4.9 ...
萤石云视频EZOpenSDK集成(实现播放，视频放大功能)
前言去年在项目中用到了萤石云视频,它的项目源码很多,找到有用的代码很费时间,所以今天写成文章把集成步骤,预览功能,双击放大,手势放大功能以及注意事项等分享给大家. 效果图如下: 萤石开发平台地址: ...
【FFmpeg】ffplay 播放视频命令 ( 播放 | 暂停 | 停止 | 音量控制 | 进度控制 | 音频流 / 视频流 / 字幕流 / 节目切换 )
FFmpeg 系列文章目录 [FFmpeg]Windows 搭建 FFmpeg 命令行运行环境 [FFmpeg]FFmpeg 相关术语简介 ( 容器 | 媒体流 | 数据帧 | 数据包 | 编解码器 ...
html5 video标签不能播放视频,h5 video 视频不能正常播放
在页面中用video标签嵌入了一个视频: 其中 video 的 poster 属性的值和 source 的 src 的值都是存在 json 数组里动态获取的. 这个页面用ios自带的浏览器和qq直接打 ...

html5实现视频（放大缩小播放暂停）

html5实现视频（放大缩小播放暂停）相关推荐

最新文章

热门文章