Too large full screen video in IE and Edge, but Chrome
I've put my video on Bootstrap Modal dialogue, and it works fine.
But when I clicked Fullscreen button, my video was enlarged too much as if I had an enormous monitor screen. I could see only a cropped part of full-screened video.
The fullscreen problem only occurs in IE and Edge browser. When I use Chrome, fullscreen mode works properly.
My code is below:
<div class="modal fade" id="myModal" role="dialog">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="myModalTitle">Modal Header</h4>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
Any suggestions for my case? Thank you for your help!