• Home
  • |
  • Blog
  • |
  • Free Dynamic Video player made in HTML&CSS

October 7, 2020

Free Dynamic Video player made in HTML&CSS

Video player is one of the best thing in any website by which we can easily play any video in our website. Here is what I made

Here is a bit different type of video player i made while i was in college ..i was inspired from television so i planned to make one video player which will look like TV by including logo and banner news .

HERE is the CODE

///please add your won video source to play
//css part

position: relative;
content: "";
    width: 120px;
    height: 100px;
    position: absolute;
    background: url(logosite.png);
//please add your logo here
    background-size: cover;
    opacity: 30.5;
    padding: 1px;
    right: 108px;
    top: auto;


    z-index: 100;
    position: absolute;
    top: 612px;
    left: 0;
    background-color: blue;
    color: white;
    line-height: 0px;


.videocont1:before {
    content: "";
    width: 100%;
    height: 36px;
    position: absolute;
    background: url(news.png);
 //please add background img while      video not playing
    background-size: cover;
    opacity: 30.5;
    padding: 1px;
    right: 1596px;
    top: 726px;
    z-index: 110;
<body bgcolor="silver ">
<div class="videocont1">
<div class="videocont">
<marquee id="news"><h3><strong>
your text goes here like news
<video class="video"  autoplay controls poster="banner.jpg"  titles="DJSB">
<source src="pollution.mp4" type="video/mp4">-->
<!--<iframe width="100%" height="800" src="https://www.youtube.com/embed/BD_jXprtJ2I" frameborder="0" allowfullscreen></iframe>-->



Its free to use but Please dont forget to give me credit..It means alot

  • Modern Talking был немецким дуэтом, сформированным в 1984 году. Он стал одним из самых ярких представителей евродиско и популярен благодаря своему неповторимому звучанию. Лучшие песни включают “You’re My Heart, You’re My Soul”, “Brother Louie”, “Cheri, Cheri Lady” и “Geronimo’s Cadillac”. Их музыка оставила неизгладимый след в истории поп-музыки, захватывая слушателей своими заразительными мелодиями и запоминающимися текстами. Modern Talking продолжает быть популярным и в наши дни, оставаясь одним из символов эпохи диско. Музыка 2024 года слушать онлайн и скачать бесплатно mp3.

  • {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

    Related Posts

    Free Responsive Form made in Html & CSS

    How I made COVID-19 Mailer program from Python

    Top 40 Python programs with source Code