Comment les contrôles d'affichage dans jwplayer au téléphone intelligent même bureau

Question

j'ai affichage essayé config vidéos sur mon site en utilisant jwplayer

jwplayer('viewplayer').setup({ 
    sources: [{ 
     file: "/video1.mp4", 
     type: "mp4", 
     label: "360p", 
     default: true 
    }], 
    tracks: [ { 
     file: "/video1.srt", 
     label: "English", 
     kind: "captions" 
    }, ], 
    width: "100%", 
    image: "/img/poster/video1.jpg", 
    title: "video1 my webiste", 
    aspectratio: "16:9", 
    primary: "html5", 
    modes: [{ 
     type: "html5" 
    }, { 
     type: "flash", 
     src: "/templates/js/jwplayer.flash.swf" 
    }, ], 
    skin: { 
     name: "seven", 
     background: "transparent", 
    }, 
    controlbar: "none", 
    autostart: false, 
    captions: { 
     color: "#FFFF00", 
     fontSize: 15, 
     backgroundOpacity: 30 
    }, 
}); 

• commandes smartphone: jeu, bureau de contrôle de bouton HD: jeu, HD, CC, bouton de volume et barre de progression

Display controls at smartphone

Display controls at desktop

S'il vous plaît aidez-moi sur la façon dont les contrôles d'affichage sur smartphone comme même que sur le bureau

Answer 1

J'ai une réponse à ma question. Comme je n'ai pas compris ce code source, un autre membre l'a modifié.

Ce ne pas afficher css commandes au téléphone intelligent

.jw-reset { 
    margin:0px auto; 
    width:100%!important; 
} 
#viewplayer { 
    position:absolute; 
    width:100%; 
    height:100%; 
    left:0px; 
    top: 0px 
}