2022-11-19

记录一下视频播放

$(function () {

            // for (var key in videoElement) {

            //     console.log('===key====', key)

            //     console.log('===value====', videoElement[key])

            //     var vlaueVideo = videoElement[key].src;

            //     console.log('===str====', videoStr)

            // }

            //  findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。

            // var index = 数组名称.findIndex(function (item) {

            //     return item.相应条件;

            // });

            // console.log('----数组的下标----', index)

            var videoElement = [

                {

                    id: "0",

                    src: '__ADDON__/images/首图/蓝鸽集团企业宣传片_1.mp4',

                    text: ''

                },

                {

                    id: '1',

                    src: '__ADDON__/images/xinwenzhongxin/蓝鸽集团项目介绍会.mov',

                    text: ''

                }];

            var videoDOM = document.getElementById('ydContainer');

            var videoStr = '';

            videoDOM.innerHTML = ''

            let index;

            for (let a = 0; a < videoElement.length; a++) {

                videoElement[a].index = a;

                // index = videoElement[i].index;

                index = videoElement[a].id;

                console.log('--------------', index);

                videoStr += '<video id="js-video"  controls="controls" width="100%" heigth="199px" src="' + videoElement[a].src + '"></video>'

                // videoStr += '<img src="' + productArr[0].src + '">\<div class="text">' + productArr[0].text + '</div>'

                //  var ele =   arr.push(JSON.parse(JSON.stringify(videoStr)));

                // console.log('---DOM元素---' + videoStr);

                videoDOM.innerHTML = videoStr;

            }

            // var aaId = document.getElementById('js-video');

            // console.log('===aaId====', aaId)

            // aaId.addEventListener('play', function (e) {

            //     console.log('提示该视频正在播放中')

            //     console.log(e)

            // })

            // // pause：暂停监听

            // aaId.addEventListener('pause', function (e) {

            //     console.log('暂停播放')

            //     console.log(e)

            // })

            var videoobjs = document.getElementsByTagName('video');

            console.log('===name====', videoobjs)

            for (let i = 0; i < videoobjs.length; i++) {

                videoobjs[i].addEventListener('play', function () {

                    for (let j = 0; j < videoobjs.length; j++) {

                        if (i != j) {

                            videoobjs[j].pause();

                        }

                    }

                })

            }

        })

拿来可以直接用