non riesco a visualizzare il video su smartphone samsung, qualcuno sa dirmi il perchè?

questo è il codice html:

codice HTML:
<!doctype html><html>    <head>        <meta charset="utf-8">        <meta http-equiv="X-UA-Compatible" content="IE=edge">        <title>Fullscreen Video</title>        <meta name="description" content="">        <meta name="viewport" content="width=device-width, initial-scale=1">        <link rel="stylesheet" href="css/style.css">    </head>    <body>
    <div class="fullscreen-bg">        <video  autoplay  class="fullscreen-bg__video">            <source src="video/big_buck_bunny.mp4" type="video/mp4">            <source src="video/big_buck_bunny.ogv" type="video/ogg">            <source src="video/big_buck_bunny.webm" type="video/webm">        </video>    </div>



    </body></html>
questo è il codice css:

codice:
body {
    margin: 0;
    padding: 0;
}

.content {
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    padding: 0 15px;
}





.fullscreen-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 300%;
        left: -100%;
    }
}