Youtube 我们可以在bot框架中启用视频卡的全屏选项吗？_Youtube_Botframework_Direct Line Botframework_Video Card

Youtube 我们可以在bot框架中启用视频卡的全屏选项吗？

youtube botframework

Youtube 我们可以在bot框架中启用视频卡的全屏选项吗？,youtube,botframework,direct-line-botframework,video-card,Youtube,Botframework,Direct Line Botframework,Video Card,我已在DirectLine频道中发布了我的机器人。我使用“视频卡”在聊天窗口播放视频（基本上来自youtube）。当我尝试在视频聊天窗口中播放视频（youtube）时，我发现视频卡中没有启用全屏选项，视频正在播放，但无法以全屏模式打开。当我尝试点击全屏选项时，它显示“全屏不可用” 下面是调用视频卡的代码片段 if (youtubepath[0].file_type == "video") { reply.Attachments.Add(

我已在DirectLine频道中发布了我的机器人。我使用“视频卡”在聊天窗口播放视频（基本上来自youtube）。当我尝试在视频聊天窗口中播放视频（youtube）时，我发现视频卡中没有启用全屏选项，视频正在播放，但无法以全屏模式打开。当我尝试点击全屏选项时，它显示“全屏不可用”

下面是调用视频卡的代码片段

if (youtubepath[0].file_type == "video")
            { 
                reply.Attachments.Add(GetVideoCard(name.ToUpperInvariant(), "https://www.youtube.com/watch?v=" + youtubepath[0].youtube_id.ToString()).ToAttachment());
            }

显卡

        public static VideoCard GetVideoCard(string name, string youtubepath)
    {
        string baseurl = "";
        var videoCard = new VideoCard
        {
            Title = name,

            Media = new List<MediaUrl>
            {
                new MediaUrl()
                {
                    Url =baseurl + youtubepath,
                },
            },
        };

        return videoCard;
    }

公共静态视频卡GetVideoCard（字符串名称，字符串youtubepath）
{
字符串baseurl=“”；
var视频卡=新视频卡
{
Title=名称，
媒体=新列表
{
新MediaUrl（）
{
Url=baseurl+youtubepath，
},
},
};
返回视频卡；
}

HTML:


const store=window.WebChat.createStore（{}，（{dispatch}）=>next=>action=>{if（action.type=='DIRECT_LINE/POST_ACTIVITY_completed'）{document.querySelector（'ul[role=“list”]'））.lastChild.scrollIntoView（{behavior:'smooth'，block:'start'}返回next（action）；}）；
window.WebChat.renderWebChat（{directLine:window.WebChat.createDirectLine（{secret:'xxxx'}），store}，document.getElementById（'WebChat'）；
const params=BotChat.queryParams（location.search）；
常量语音选项={
语音识别器：新的认知服务。语音识别器（{subscriptionKey:'xxxx'}），
speechSynthesizer:新的认知服务。speechSynthesizer({
性别：认知服务。综合性别。女性，
subscriptionKey:'xxxx'，
voiceName:“Microsoft服务器语音文本到语音语音（美国英语，JessaRUS）”
})
};
BotChat.App({
调整大小：“检测”，
语音提示：语音提示，
用户：{id:'1'，名称：'Bhakt'}，
目录行：{secret:'xxxx'}，
bot:{id:'botid'}，
调整大小：'检测'}，
document.getElementById（“botabc”）；

给我建议一个解决这个问题的方法

提前谢谢

最新版本的Web聊天支持此功能。请看一下文档。我只使用最新版本@TDurnford您可以发布您用于呼叫和显示视频卡的代码吗？另外，您使用的浏览器和版本是什么？当我测试这个时，选择“全屏”成功运行（Chrome版本78.0.3904.97（官方版本）（64位））。谢谢回复！！我已将我的代码包括在问题中。浏览器版本和我一样！！！！您提供的屏幕截图是旧版本的网络聊天。确保您使用的是最新版本的v4.6.0。

<!DOCTYPE html>
<html>
<head>
    <link href="https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel="stylesheet" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <div id="botabc">
        <script src="https://cdn.botframework.com/botframework-webchat/latest/botchat.js"></script>
        <script src="CognitiveServices.js"></script>
        <script>
            const store = window.WebChat.createStore({},({ dispatch }) => next => action =>{if (action.type === 'DIRECT_LINE/POST_ACTIVITY_FULFILLED'){document.querySelector('ul[role="list"]').lastChild.scrollIntoView({behavior: 'smooth', block: 'start'});}return next(action);});
            window.WebChat.renderWebChat({directLine: window.WebChat.createDirectLine({ secret: 'xxxx' }),store}, document.getElementById('webchat'));

        </script>
        <script>
            const params = BotChat.queryParams(location.search);
             const speechOptions = {
                speechRecognizer: new CognitiveServices.SpeechRecognizer({ subscriptionKey: 'xxxx' }),
                speechSynthesizer: new CognitiveServices.SpeechSynthesizer({
                gender: CognitiveServices.SynthesisGender.Female,
                subscriptionKey: 'xxxx',
                voiceName: 'Microsoft Server Speech Text to Speech Voice (en-US,JessaRUS)'
                })
              };
            BotChat.App({
                resize: 'detect',
                speechOptions: speechOptions,
                user: {id:'1',name:'Bhakt'},
                directLine: { secret: 'xxxx' },
                bot: { id: 'botid' },
                resize: 'detect'}, 
                document.getElementById("botabc"));
        </script>
  </body>
  </html>