html5视频播放

最新推荐文章于 2025-05-08 10:17:33 发布

015646

最新推荐文章于 2025-05-08 10:17:33 发布

阅读量316

点赞数

CC 4.0 BY-SA版权

分类专栏： # html5+css3+JavaScript

本文链接：https://blog.youkuaiyun.com/u011488769/article/details/46959367

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

21 篇文章

订阅专栏

<!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 onclick="PlayAndPause()">播放/暂停</button>
<button onclick="videobig()">放大</button>
<button onclick="videosmall()">缩小</button>
    <video id="video">
        <source src="text.Mp4">
        您的浏览器不支持
    </video>
</body>
</html>