文档章节

播放控制

h
 hhj187
发布于 2016/11/02 07:18
字数 115
阅读 6
收藏 0
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
 
     <div class="video-player" align="center">
 
     	<video id="myVideo" controls preload="auto" width=300 height="165" 
poster="http://img0.ph.126.net/I10JqUUJDmlEtE_XYl4hOg==/6608842237655242020.jpg" 
src="http://www.w3cschool.cc/try/demo_source/mov_bbb.mp4"    poster="poster.jpg">
</video>
 
      <br>
 
      <a href="javascript:playPause();">Play/Pause</a> <br>
 
      <a href="javascript:makeBig();">2x Size</a> |
 
      <a href="javascript:makeNormal();">1x Size</a> <br>
 
     </div>
 



 <script type="text/javascript">
 
  
 
       function playPause() {
 
       var myVideo = document.getElementById('myVideo');
 
       if (myVideo.paused)
 
           myVideo.play();
 
       else
 
           myVideo.pause();
 
       }
 
  
 
       function makeBig() {
 
       var myVideo = document.getElementsByTagName('video')[0];
 
       myVideo.height = (myVideo.videoHeight * 2 ) ;
 
       }
 
  
 
       function makeNormal() {
 
       var myVideo = document.getElementsByTagName('video')[0];
 
       myVideo.height = (myVideo.videoHeight) ;
 
       }
 
  
 
    </script>
  </body>
</body>
</html>

 

© 著作权归作者所有

h
粉丝 1
博文 84
码字总数 12457
作品 0
天津
私信 提问
手把手教你做音乐播放器(七)播放音乐(下)

版权声明:本文为博主原创文章,禁止转载,违者必究。 https://blog.csdn.net/anddlecn/article/details/52740913 7.2 播放界面 根据我们的设计,播放界面位于音乐列表的下方。这里面将包含播...

anddlecn
2016/10/05
0
0
Android音乐播放器的设计与实现

目录 应用开发技术及开发平台介绍 应用需求分析 应用功能设计及其描述 应用UI展示 一、应用开发技术及平台介绍   ①开发技术:   本系统是采用面向对象的软件开发方法,基于Android stu...

彩笔阿呆
2018/10/31
0
0
android之多媒体篇(一)

Android 4.0.3(Api Level 15)支持的多媒体格式。 注意:有些设备可能支持其他的文件格式。 1.Audio AAC LC/LTP、HE-AACv1(AAC+)、AMR-NB、AMR-WB、MP3、MIDI、Ogg Vorbis、PCM/WAVE、FLAC(...

Chanimalx
2013/03/29
6.1K
0
iOS 视频播放控件--DZVideoPlayerViewController

DZVideoPlayerViewController 是一款 iOS 的视频播放器控件,有播放控制、远程控制,背景回放。它由 AVPlayer 实施,同时支持在线和离线视频,高度根据界面生成器高度自定义。 特性: 播放在...

sikkx
2015/06/23
1K
0
MediaSession在57中的开场白

用技术提升美好事物发生的概率 Technologically, for greater probability to be happy. 从Chrome57开始,MediaSession就可以在Chrome中被使用了。MediaSession让我们可以对通知栏进行自定义...

今日头条技术团队
2018/07/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
12
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
22
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
14
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
24
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部