html5视频播放

最新推荐文章于 2024-05-31 22:20:16 发布

015646

最新推荐文章于 2024-05-31 22:20:16 发布

阅读量286

点赞数

分类专栏： # html5+css3+JavaScript

本文链接：https://blog.csdn.net/u011488769/article/details/46959367

版权

html5+css3+JavaScript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>视频播放</title>
    <script type="text/javascript">
        function PlayAndPause(){
            var video=document.getElementById("video");
            if(video.paused){
                video.play();
            }else{
                video.pause();
            }
        }
        function videobig(){
            var video=document.getElementById("video");
            video.width=800;
            video.height=800;
        }
        function videosmall(){
            var video=document.getElementById("video");
            video.width=300;
            video.height=300;
        }

    </script>
</head>
<body>
<button οnclick="PlayAndPause()">播放/暂停</button>
<button οnclick="videobig()">放大</button>
<button οnclick="videosmall()">缩小</button>
    <video id="video">
        <source src="text.Mp4">
        您的浏览器不支持
    </video>
</body>
</html>

015646

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html5视频播放

html>html>head lang="en"> meta charset="UTF-8"> title>视频播放title> script type="text/javascript"> function PlayAndPause(){ var video=document.getElementById("video");
复制链接

扫一扫

专栏目录