https://www.harmonyos.com/assets/js/videoPlayAnimation.js?v=20240307

1function videoPlay(modelClassName){
2	let floorname = modelClassName
3	const videoEl = document.querySelectorAll(modelClassName + ' .videoPlayBox.showVideo');
4	const mantleEl = document.querySelectorAll(modelClassName + ' .video-mantle');
5	let screenHeight = window.innerHeight;
6	let screenWidth = window.innerWidth;
7	let topLength = videoEl[0].getBoundingClientRect().top
8	let leftLength = videoEl[0].getBoundingClientRect().left
9	
10	function videoPlay(floorname){
11		const myTimeline = anime.timeline({
12			duration: 500,
13		});
14		const myTimeline2 = anime.timeline({
15			duration: 500,
16		});
17		   myTimeline
18			.add({
19					targets: mantleEl[0],
20					keyframes: [
21						{
22							backgroundColor:'rgba(0,0,0,0.8)',
23							easing: 'cubicBezier(0.4,0,0.2,1)',
24							duration: 500,
25						}
26					]
27				})
28				myTimeline2
29			.add({
30				targets: videoEl[0],
31					keyframes: [
32						{
33							opacity:1,
34							easing: 'cubicBezier(0.4,0,0.2,1)',
35							duration: 500,
36						}
37					]
38				})
39		
40	}
41	videoPlay(floorname)
42}