向网页中插入音频和视频

案列1

向网页中插入视频

1.加入一个vidio标签,设置宽高
2.设置src路径,从本地加载视频到网页中
3.autoplay视频自动播放
4.controls显示视频控件
5.loop视频结束后循环播放
6.也可以通过后面的button按钮设置暂停,继续
<body>
        <video src="video/iceage4.mp4" width="500" height="300" id="movie"
           autoplay="autoplay" controls="controls" loop="loop">
        video>
        <button onclick="pause1()" id="paused">暂停button>
    <script type="text/javascript">
        var i=1;
        function pause1(){
            var movie=document.getElementById("movie");
            var paused=document.getElementById("paused")
            if(i==1){
                movie.pause();
                paused.innerHTML="继续";
                i=0;
            }else{
                movie.play();
                paused.innerHTML="暂停";
                i=1;
            }


        }
    script>
    body>

案例2

网页中插入音频

1.加入一个audio标签,设置宽高
2.设置src路径,从本地加载视频到网页中
3.autoplay视频自动播放
4.controls显示视频控件
5.loop视频结束后循环播放
<body>
        <audio src="video/song.mp3" controls="controls" autoplay="autoplay" loop="loop" id="music">audio>
        <body>

        <button onclick="pause1()" id="paused">暂停button>
    <script type="text/javascript">
        var i=1;
        function pause1(){
            var music=document.getElementById("music");
            var paused=document.getElementById("paused")
            if(i==1){
                music.pause();
                paused.innerHTML="继续";
                i=0;
            }else{
                music.play();
                paused.innerHTML="暂停";
                i=1;
            }
        }
    script>
    body>

你可能感兴趣的:(笔记本)