js一加载网页就自动播放

JavaScript08

js一加载网页就自动播放,第1张

js一加载网页就自动播放是通过iframe的方式。通过iframe的方式加载带音视频的网页。此页面已经获取了使用音视频设备权限。就是此页面可以获得了使用麦克风和摄像头的权限就可以自动播放。

1、JS播放音乐需要区分浏览器,来使用不用的对象来播放音乐。

2、在播放控制上要有【播放】和【停止】来控制音乐的播放。

3、基于以上思路,代码如下:

 (1)HTML页面视频标签大体如下

<video id="video"controls="controls">

<source src="./video/2.mp4" type="video/mp4" />

</video>

(2)视频加载后获取视频的长度

varelevideo = document.getElementById("video")

    elevideo.addEventListener('loadedmetadata', function () {//加载数据

        //视频的总长度        console.log(elevideo.duration)

    })

(3)视频开始播放

varelevideo = document.getElementById("video")

    elevideo.addEventListener('play', function () {//播放开始执行的函数

        console.log("开始播放")

    })

(4) 视频正在播放中

varelevideo = document.getElementById("video")

    elevideo.addEventListener('playing', function () {//播放中console.log("播放中")

    })

(5)视频加载中

varelevideo = document.getElementById("video")

    elevideo.addEventListener('waiting', function () {//加载

        console.log("加载中")

    })

(6)视频暂停播放

varelevideo = document.getElementById("video")

    elevideo.addEventListener('pause', function () {//暂停开始执行的函数

        console.log("暂停播放")

    })

(7)视频结束播放

varelevideo = document.getElementById("video")

    elevideo.addEventListener('ended', function () {//结束

        console.log("播放结束")

    }, false)