| 40 | } |
| 41 | |
| 42 | initPlayButton() { |
| 43 | this.player.template.playButton.addEventListener('click', () => { |
| 44 | this.player.toggle(); |
| 45 | }); |
| 46 | |
| 47 | this.player.template.mobilePlayButton.addEventListener('click', () => { |
| 48 | this.player.toggle(); |
| 49 | }); |
| 50 | |
| 51 | if (!utils.isMobile) { |
| 52 | if (!this.player.options.preventClickToggle) { |
| 53 | this.player.template.videoWrap.addEventListener('click', () => { |
| 54 | this.player.toggle(); |
| 55 | }); |
| 56 | this.player.template.controllerMask.addEventListener('click', () => { |
| 57 | this.player.toggle(); |
| 58 | }); |
| 59 | } |
| 60 | } else { |
| 61 | this.player.template.videoWrap.addEventListener('click', () => { |
| 62 | this.toggle(); |
| 63 | }); |
| 64 | this.player.template.controllerMask.addEventListener('click', () => { |
| 65 | this.toggle(); |
| 66 | }); |
| 67 | } |
| 68 | } |
| 69 | |
| 70 | initHighlights() { |
| 71 | this.player.on('durationchange', () => { |