声音但没有视频

时间:2017-11-02 17:43:32

标签: jquery html5 video append

尝试使用jQuery将视频附加到我的HTML中。我已经知道视频的声音正在播放,但是没有视频。令人难以置信的沮丧!不确定我是否没有插入任何东西。

在Stack上看了一眼,但无济于事。

HTML

<video id = "videoholder"></video>

的jQuery

    $(document).ready(function(){
    $('#videoholder').append(
        '<video width="100%" autoplay>' + 
            '<source src="Images/event-video.mp4" type="video/mp4"></source>' +
        '</video>');

});

非常感谢正确方向的任何踢法。

干杯!

KM

1 个答案:

答案 0 :(得分:0)

您要在视频#videoholder中附加视频...而是将视频附加到div #videoholder ..

e.g。

&#13;
&#13;
 $(document).ready(function(){
    $('#videoholder').append(
            '<video width="100%" autoplay>' + 
                '<source src="https://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"></source>' +
            '</video>');
    });
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body> 
    <div id = "videoholder"></video>
 

</body> 
     
&#13;
&#13;
&#13;