記錄一下視頻播放
$(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()方法返回?cái)?shù)組中滿足提供的測(cè)試函數(shù)的第一個(gè)元素的索引。若沒(méi)有找到對(duì)應(yīng)元素則返回-1。
? ? ? ? ? ? // var index = 數(shù)組名稱.findIndex(function (item) {
? ? ? ? ? ? // ? ? return item.相應(yīng)條件;
? ? ? ? ? ? // });
? ? ? ? ? ? // console.log('----數(shù)組的下標(biāo)----', index)
? ? ? ? ? ? var videoElement = [
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? id: "0",
? ? ? ? ? ? ? ? ? ? src: '__ADDON__/images/首圖/藍(lán)鴿集團(tuán)企業(yè)宣傳片_1.mp4',
? ? ? ? ? ? ? ? ? ? text: ''
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? ? id: '1',
? ? ? ? ? ? ? ? ? ? src: '__ADDON__/images/xinwenzhongxin/藍(lán)鴿集團(tuán)項(xiàng)目介紹會(huì).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：暫停監(jiān)聽(tīng)
? ? ? ? ? ? // 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();
? ? ? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? })
? ? ? ? ? ? }
? ? ? ? })
拿來(lái)可以直接用
