📽️ வீடியோ டிரெய்லர் பாப்அப் (Video Trailer Popup)
விளக்கம் (Description)
தூண்டப்படும்போது வீடியோ டிரெய்லரை இயக்கும் பாப்அப் மோடலை (popup modal) உருவாக்கவும். திரைப்படம் அல்லது தயாரிப்பு மாதிரிக்காட்சிகளுக்கு (product previews) ஏற்றது!
அம்சங்கள் (Features)
- வீடியோ பாப்அப்பைத் திறக்கப் பட்டன் அல்லது படத்தைக் கிளிக் செய்யவும்
- பாப்அப் மோடலுக்குள் வீடியோ இயங்கும்
- வீடியோவை நிறுத்தவும் பாப்அப்பை மூடவும் மூடு பட்டன்
- அனைத்துத் திரை அளவுகளுக்கும் ரெஸ்பான்சிவ் வடிவமைப்பு
பயிற்சி பெற்ற கருத்துகள் (Concepts Practiced)
- மோடல் உருவாக்கம் (Modal creation) மற்றும் நிலைமாற்றுதல் காணக்கூடிய தன்மை (toggling visibility)
- HTML5 வீடியோவை உட்பொதித்தல் மற்றும் கட்டுப்படுத்துதல்
- திறந்த/மூடு செயல்களுக்கான நிகழ்வு கையாளுதல்
- மேலடுக்குகள் (overlays) மற்றும் அனிமேஷன்களுக்கான CSS
போனஸ் சவால் (Bonus Challenge)
பாப்அப் மூடப்படும்போது தானியங்கி (autoplay) மற்றும் வீடியோவை இடைநிறுத்தவும்.