我有一個可拖動且可調整大小的視頻元素。我希望視頻元素在調整大小時能夠 100% 適合父 div,但這是我未能做到的地方。這是我到目前為止所擁有的:CSS.my-div{? ? width: 320px;? ? height: 240px;? ? top: 200px;? ? left: 400px;? ? position:absolute;? ? z-index: 9;? ? background-color: #28a745;}??JSlet video_div =? document.createElement('div');video_div.id = 'video-div'$(video_div).addClass('my-div')$("body").append(($(video_div).draggable().resizable()))let video_element;video_element = document.createElement('video');$(video_element).attr('id', 'my_video');$(video_element).attr('class', 'video-js vjs-default-skin');$(video_element).attr('width', '100%');$(video_element).attr('height', '100%');$(video_element).attr('controls', ' ');$(video_element).attr('preload', 'auto');$(video_element).attr('data-setup', '{}');let source = document.createElement('source');$(source).attr('type', "video/mp4");$(source).attr('src', "http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4");$(video_div).append(video_element)$(video_element).append(source);如果您嘗試調整視頻大小,它不適合父 div(綠色背景出現在后面)我該如何修改我的代碼來實現這一目標?
可調整大小的視頻不完全適合父 div
茅侃侃
2023-07-20 10:37:47