Layer——弹出层播放视频

//点击某个按钮 => 弹出层 => 播放视频
    $('#player').click(function () {
        vUrl = $(this).attr('src');  //获取到播放的url
        var loadstr = '<video width="100%" height="100%"  controls="controls" autobuffer="autobuffer"  autoplay="autoplay" loop="loop">' +
                '<source src='+vUrl+' type="video/mp4"></source></video>';
        layer.open({
            type: 1,
            title: false,
            area: ['730px', '500px'],
            shade: [0.8, 'rgb(14, 16, 22)'],
            skin: 'demo-class',
            content: loadstr
        });
    });

效果:

 

猜你喜欢

转载自www.cnblogs.com/coder1013/p/12735033.html