Video steigt aus der Mutter Grenze in Chrom Android Browser

Question

mein Code

div { 
    position: relative; 
    border: 1px solid #333333; 
    margin-top: 5px; 
} 
video { 
    display: block; 
    width: 100%; 
    height: auto 
} 

html

<div> 
<video controls> 
    <source src="example.com/video.mp4" type="video/mp4"> 
</video> 
</div> 

der Code funktioniert auf Windows Chrome, Firefox, Rand in Ordnung ist, und in der Samsung-Brwoser, android firefox aber nicht android Chrom hier ist ein Bild: https://www.dropbox.com/s/nwiqen8ya7xw9ye/2016-10-22%2008.28.11.png?dl=0

Answer 1

hinzufügen

Meta-Eigenschaften

name="viewport" content="width=320px, initial-scale=1" 

---

Dann

@viewport{ 
    zoom: 1.0; 
    width: extend-to-zoom; 
} 

Answer 2

Wiedergabe mit Medien abfragt

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /*your rules for chrome*/ 
    div{ 
     //Codes 
     } 
    video{ 
     //codes 
     } 

}