使用bootstrap弹窗播放视频

来源：互联网发布：桌面滚动屏软件编辑：程序博客网时间：2024/04/28 02:56

使用腾讯

var html = '<div id="video_content" style="height:400px;">';

html += '<embed wmode="window" flashvars="vid=m03139rl3n1&autoplay=1&volume=50&searchbar=0&showcfg=1

&showend=0&openbc=0&list=2&pay=0&shownext=0&share=1&bullet=0&theater=1

&skin=http://imgcache.qq.com/minivideo_v1/vd/res/skins/TencentPlayerSkinV5.swf&switch2h5=0&bulletinput=0

&attstart=&defnpayver=1&fakefull=1&title=方法介绍&columnId=" src="//imgcache.qq.com/tencentvideo_v1/

playerv3/TencentPlayer.swf?max_age=86400&v=1468398955873" quality="high" name="75f0b74c410b8fb7c44db954f187c269" id="75f0b74c410b8fb7c44db954f187c269" bgcolor="#000000" width="100%" height="100%" align="middle" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://get.adobe.com/cn/flashplayer/">';

html += '</div>';

BootstrapDialog.show({
title: '<span style="font-weight:bold;">标题</span>',
message: html,
type: BootstrapDialog.TYPE_DEFAULT,
cssClass: 'modal-dialog-wd dialog-top',
buttons: [{
icon: 'glyphicon glyphicon-send',
label: '确定',
cssClass: 'btn-primary',
autospin: true,
action: function(dialogRef){
dialogRef.enableButtons(false);
dialogRef.setClosable(false);
setTimeout(function(){
dialogRef.close();

// 执行处理函数

}, 2000);
}
}, {
label: '关闭',
action: function(dialogRef){
dialogRef.close();
}
}]

});

使用优酷

var html = '<div id="video_content">';
html += '<iframe id="video_iframe" src="http://yuntv.letv.com/bcloud.html?uu=b80ef7a288&vu=38b8137c77&auto_play=1&gpcflag=1&width=752&height=426" style="border:0px;width:752px;height:426px;">';
html += '</iframe>';
html += '</div>';

BootstrapDialog.show({
title: '<span style="font-weight:bold;">介绍视频</span>',
message: html,
type: BootstrapDialog.TYPE_DEFAULT,
cssClass: 'modal-dialog-wd dialog-top',
buttons: [{
icon: 'glyphicon glyphicon-send',
label: '确定',
cssClass: 'btn-primary',
autospin: true,
action: function(dialogRef){
dialogRef.enableButtons(false);
dialogRef.setClosable(false);
setTimeout(function(){
dialogRef.close();

// 处理函数

}, 2000);
}
}, {
label: '关闭',
action: function(dialogRef){
dialogRef.close();
}
}]

});

0 0