|
|
@@ -77,10 +77,32 @@ document.addEventListener('DOMContentLoaded', function () {
|
|
|
// 投放打底素材
|
|
|
function generateDefaultAd(v) {
|
|
|
console.log('投放打底素材', v)
|
|
|
- const son_ele = document.createElement('img')
|
|
|
- son_ele.src = 'https://www.baidu.com/img/flexible/logo/pc/result.png'
|
|
|
+ const fileType = v.baseMaterial.split('.').pop()
|
|
|
+ if (fileType === 'jpg' || fileType === 'png' || fileType === 'gif') {
|
|
|
+ const son_ele = document.createElement('img')
|
|
|
+ son_ele.src = v.baseMaterial
|
|
|
+ son_ele.style.width = '100%'
|
|
|
+ son_ele.style.height = '100%'
|
|
|
+ return son_ele
|
|
|
+ }
|
|
|
+ const son_ele = document.createElement('video')
|
|
|
+ son_ele.setAttribute('loop', 'loop')
|
|
|
+ son_ele.setAttribute('autoplay', 'autoplay')
|
|
|
+ son_ele.muted = true
|
|
|
+ son_ele.src = v.baseMaterial
|
|
|
son_ele.style.width = '100%'
|
|
|
son_ele.style.height = '100%'
|
|
|
+ son_ele.oncanplay = () => son_ele.play()
|
|
|
+ // 对body添加一次性点击事件
|
|
|
+ const play = () => {
|
|
|
+ son_ele.play()
|
|
|
+ // 移除点击
|
|
|
+ document.body.removeEventListener('click', play)
|
|
|
+ document.body.removeEventListener('mousemove', play)
|
|
|
+ }
|
|
|
+ // 鼠标移动时间
|
|
|
+ document.body.addEventListener('mousemove', play)
|
|
|
+ document.body.addEventListener('click', play)
|
|
|
return son_ele
|
|
|
}
|
|
|
|
liyongli