视频结束后重定向

发布于 2025-01-30 15:32:47 字数 987 浏览 1 评论 0原文

我正在在名为MadCap Flare的应用程序中创建电子学习内容。
我试图播放介绍性的碰碰视频，然后在视频完成后将其转移到另一页（我们将在此论坛上说URL）。这是我的代码，我根本无法工作。该视频播放，但不会继续使用URL。当我查看源代码时，我会看到它放置在CDAT错误中。

<?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>

原文

I'm creating eLearning content in an application called MadCap Flare.
I'm trying to get the intro bumper video to play and then after the video is done it moves on to another page (we will say url for this forum).
Here is my code, and I cannot get this to work at all. The video plays but it will not move on to the url. When I view source code I see it put in a CDAT error.

<?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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

清音悠歌 2025-02-06 15:32:47

您忘了将ID属性添加到视频标签中。尝试以下操作：

<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>

You forgot to add the id attribute to the video tag. Try this :

<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>

回复收藏 0 原文

~没有更多了~