רקע וידאו בCSS של אזור

אהלן,

כאשר אני פותח את הגדרות אזור יש לי CSS CLASSES וCSS ID מה ההבדל בניהם?

איך אני משתמש בCSS לאזור/או כל דבר אחר?האם אני יכול להשתמש בHTML ב CSS LIVE?

אני מזין שם לאותו אזור שאני רוצה וכותב אותו לפני הקוד בLIVE CSS בהתאמה אישית?

אני רוצה להטמיע וידאו שעלתי לשרת עם הקוד הזה:
1.איך אני מוסיף בקוד את הוידאו שלי מהשרת?
2.האם זה בכלל יעבוד ואני יצליח ליצור רקע וידאו ללא יוטיוב
3.אם זאת לא הדרך מהי הדרך הנכונה ליצור רקע וידאו ללא יוטיוב אלה ישירות מהשרת?

תודה מראש על העזרה
אלירן
.homepage-hero-module {
border-right: none;
border-left: none;
position: relative;
}
.no-video .video-container video,
.touch .video-container video {
display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
display: block !important;
}
.video-container {
position: relative;
bottom: 0%;
left: 0%;
height: 100%;
width: 100%;
overflow: hidden;
background: #000;
}
.video-container .poster img {
width: 100%;
bottom: 0;
position: absolute;
}
.video-container .filter {
z-index: 100;
position: absolute;
background: rgba(0, 0, 0, 0.4);
width: 100%;
}
.video-container video {
position: absolute;
z-index: 0;
bottom: 0;
}
.video-container video.fillWidth {
width: 100%;
}