javascript - 如何在页面上对齐视频、视频的高度和宽度以及进度条

Question

我有一个功能可以正常工作并且可以正常播放视频，但是这些视频显示在一行中，但我想要一个视频显示在一行中，并且所有视频的宽度和高度都应该相同。

function appendReturnedVideos(data) {

    var $html = $();

    $.each(data.videos, function(index, element) { 
        $html = $html.add($("<video/>", { 
            height: 360,
            css: { 'max-width': 480},
            src: element,
            controls: true,
            preload: 'auto' 
        }));

        $("#videos").append($html);        
    });
}

HTML 部分:

<div class="container-fluid" id="myElement">
    <div id="videos"> </div>
</div>`

Answer 1

在$("#videos").append($html);之前添加一个break like

 $html = $html.add('<br/>');

DEMO