<p dir="auto">Native video player on last version of Android OS doesn't display correctly due to css conflict rules with last version of bootstrap.min,css file.</p>
<p dir="auto">The control bar on the android player shorten's in length, also, the fullscreen and play buttons become a small pixel on the screen. We have tested the player on a recent samsug tablet and a samsung galaxy II smartphone.</p>
<p dir="auto">The problem identified is as follow's <g-emoji class="g-emoji" alias="+1" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png">👍</g-emoji></p>
<p dir="auto">The two lines below are the rules which produce the conflict.</p>
<p dir="auto">// original line in bootstrap css<br>
<code class="notranslate">input,textarea,.uneditable-input{width:206px;}<br>
input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"], input[type="radio"],input[type="checkbox"]{width:auto;}<br>
</code></p>
<p dir="auto">// more specificly<br>
<code class="notranslate"><br>
input {width:206px;} // control bar bug<br>
input[type="button"]{width:auto;}// fullscreen and play buttons bug<br>
</code></p>
<p dir="auto">To solve the bug i did this :</p>
<p dir="auto">// Hack solution<br>
<code class="notranslate">form input {width:206px;}<br>
form input[type="button"]{width:auto;}<br>
</code></p>
<p dir="auto">It would be great if you guys could solve the bug for next version.</p>
<p dir="auto">Thanks</p>
<p dir="auto">I've been going at this for the past half day and finally pinpointed this problem to Bootstrap.</p>
<p dir="auto">I am using an android tablet with version 4.0.3. I am using whatever browser this tablet came with (Asus Transformer).</p>
<p dir="auto">Our app has an HTML5 video tag and the controls are showing up, however, the play button and the full screen button are displayed at maybe a few pixels each. Basically they look like white dots. The scrub bar is there and displaying correctly.</p>
<p dir="auto">I can still click the buttons and they function correctly, but you can't even tell what they are to begin with.<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/1eeb85b7bdf633563bdc9faa249317752fb6cfa9dd7500f91018f1a4fc3cac6e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3730393035372f3232393538382f61356239663763632d383661332d313165322d396534382d3065653238636135303933642e6a7067"><img src="https://camo.githubusercontent.com/1eeb85b7bdf633563bdc9faa249317752fb6cfa9dd7500f91018f1a4fc3cac6e/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f3730393035372f3232393538382f61356239663763632d383661332d313165322d396534382d3065653238636135303933642e6a7067" alt="photo" data-canonical-src="https://f.cloud.github.com/assets/709057/229588/a5b9f7cc-86a3-11e2-9e48-0ee28ca5093d.jpg" style="max-width: 100%;"></a></p>