xml地图|网站地图|网站标签 [设为首页] [加入收藏]

html5 视频播放,html5

html5 摄像播放,html5

html5 录像播放

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript">
        $().ready(function () {
            $("#play").bind('click',function(){
               $("#video")[0].play();
            });
            $("#pause").bind('click', function () {
                $("#video")[0].pause();
//                $("#video")[0].currentTime+=10;   //快进10秒
//                $("#video")[0].currentTime-=10;    //快退10秒
//                $("#video")[0].playbackRate+=2;   // 播放速度+
//
//                $("#video")[0].volume+=0.1; // 加音量
//                $("#video")[0].muted=true; // 静音
//                $("#video")[0].muted=false;// 取消静音
//                $("#video")[0].webkitEnterFullscreen();  //webkit 全屏
//                $("#video")[0].mozRequestFullScreen();   // firefox 全屏
            });
        });
    </script>
</head>
<body>
<video id="video" width="400">
    <source src="../video/piano.mp4" type="video/mp4"/>
你的浏览器不支持html5
</video>
<hr>
<button id="play">播放</button><button id="pause">暂停</button>
<!--<video controls="controls">   默认视频控制条-->

</body>
</html>

 

录制播放,html5 html5 录制播放 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Title / title script type ="text/javascript" src ="../js/jquery.min.js...

1、参看
>
>
>下载videobox 1.1.zip把它解压到asp.net项指标目录下,并用“Add New Item”新建一个Html文件用以播放录制。Html文件完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns="" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
></head>
<body>
><a href="" rel="vidbox 400 300" title="caption">youtube挂念大哥张发宗特辑</a>
<a href="" rel="vidbox" title="caption">our video</a>
>
</body>
</html>
>但以此只能播放youtube的录像,youku等本国的网址的录制却不可能播放。上边那么些就足以播放大概全部网址提供的摄像,就是外观不比首先个。
>参看:
>
>下载
>代码如下:
><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";
<html xmlns="" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
></head>
<body>
><a href="" rel="vidbox 400 300" title="caption">youtube思念表哥张发宗特辑</a>
<a href="" rel="vidbox" title="caption">our video</a>
>
</body>
</html>

本文由永利澳门平台发布于计算机资讯,转载请注明出处:html5 视频播放,html5

您可能还会对下面的文章感兴趣: