
Too large full screen video in IE and Edge, but Chrome
Hello,
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">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" id="myModalTitle">Modal Header</h4>
</div>
<div class="modal-body">
<div id="myPlayer"></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
jwplayer('myPlayer').setup({
file: '/my/video/path/',
width: '100%',
height: 480,
key: 'my_player_key'
});
Any suggestions for my case? Thank you for your help!