使用bootstrap弹窗播放视频

    xiaoxiao2021-03-26  50

    使用腾讯 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();                 }             }]         });
    转载请注明原文地址: https://ju.6miu.com/read-659195.html

    最新回复(0)