首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >视频结束后重定向

视频结束后重定向
EN

Stack Overflow用户
提问于 2022-05-19 20:34:54
回答 1查看 48关注 0票数 1

我正在一个名为eLearning Flare的应用程序中创建MadCap内容。

我试图让介绍保险杠视频播放,然后在视频完成后,它移动到另一个页面(我们会说这个论坛的网址)。这是我的代码,我根本无法让它工作。视频播放,但不会转移到网址。当我查看源代码时,我看到它输入了一个CDAT错误。

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd" style="mc-template-page: 
url('..\Resources\TemplatePages\Home-Page.flmsp');">
    <head>
    </head>
    <body>
        <p>
            <video MadCap:HTML5Video="true" MadCap:Param_controls="false" MadCap:Param_loop="false" MadCap:Param_muted="false" src="../Resources/Multimedia/Aruba_Coral.webm" MadCap:Param_autoplay="true">
            </video>
        <script type="text/javascript">
        var video1 = document.getElementsByTagName('video1')[0];
                
        video1.onended = function(e) {
        window.location.replace('http://www.hpe.com');
        }
        </script>
        </p>
    </body>
</html>
EN

回答 1

Stack Overflow用户

发布于 2022-05-19 20:52:02

您忘记将id属性添加到视频标记中。试试这个:

代码语言:javascript
复制
<html xmlns:MadCap="http://www.madcapsoftware.com/Schemas/MadCap.xsd" style="mc-template-page: 
url('..\Resources\TemplatePages\Home-Page.flmsp');">
    <head>
    </head>
    <body>
        <p>
            <video id="video1" MadCap:HTML5Video="true" MadCap:Param_controls="false" MadCap:Param_loop="false" MadCap:Param_muted="false" src="../Resources/Multimedia/Aruba_Coral.webm" MadCap:Param_autoplay="true">
            </video>
            <script type="text/javascript">
                var video1 = document.getElementById('video1');
                
                video1.onended = function(e) {
                    window.location.replace('http://www.hpe.com');
                }
            </script>
        </p>
    </body>
</html>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72310780

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档