zoukankan html css js c++ java

htm5 vido.js 播放器

需求：页面中有2个普通按钮a，b。还有一个video标签，能成功播放出视频。。我想要的效果是，点击a按钮，视频开始播放，点击b按钮，视频播放停止！！！
----------------------------------------------------code---------------------------------------------------------------------------
<!DOCTYPE html>

<html>

  <head>

    <title>Simple JavaScript Controller</title>

    <script type="text/javascript">

       function playPause() {

       var myVideo = document.getElementsByTagName('video')[0];   //获取视频video

       if (myVideo.paused){

           myVideo.play();

       }else{

           myVideo.pause();

       }

       function makeBig() {     //全屏  高度2倍

       var myVideo = document.getElementsByTagName('video')[0];

       myVideo.height = (myVideo.videoHeight * 2 ) ;

       }


       function makeNormal() {   //取消全屏

       var myVideo = document.getElementsByTagName('video')[0];

       myVideo.height = (myVideo.videoHeight) ;

       }

    </script>

  </head>

 
  <body>

     <div class="video-player" align="center">

     　　 <video src="myMovie.m4v" 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>

  </body>

</html>

[解决办法]:

var myVideo = document.getElementsByTagName('video')[0];
可以换成
document.getElementById('videoId');

<video src="myMovie.m4v" poster="poster.jpg" id="videoId"></video>
[解决办法]
额。来晚了。。。
停止的话...

myVideo.currentTime = 0;    //属性设置或返回音频/视频播放的当前位置（以秒计）。当设置该属性时，播放会跳跃到指定的位置。
myVideo.pause();
------解决方案--------------------


mark

原文地址：http://www.reader8.cn/jiaocheng/20130619/1350009.html

　　 http://www.reader8.cn/jiaocheng/javascript/

查看全文

相关阅读:
第七章第一月：开始第二周：链接建设（2）
基础篇第四节项目进度计划编辑之日历
 VSS2005 使用说明
 删除存储过程
 基础篇第四节项目进度计划编辑之任务关联性设定
 转载： input 的css技巧
 js: js判断回车键
 一个简单邮件发送类
 转载： php发送邮件原理
 css 小经验：重构css的优化与技巧

原文地址：https://www.cnblogs.com/mingyongcheng/p/4057625.html