Question

我正在尝试在对话框中运行视频，并且已经99％成功地执行了我想要的所有操作。我想做的最后一件事就是＆＃34;在视频结束时运行特定代码＆＃34;。但这是主要的问题，因为我无法通过＆＃34; onended＆＃34; html5中提供的事件。我也尝试使用javascript来做到这一点，但没有成功。现在，在这个问题中，我想在视频结束时显示一个警告框。请看一下我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

    <title>jQuery YouTube Popup Player Plugin</title>
    <link href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

    <script type="text/javascript">

        $(document).ready(function(){

            $("#myvideo").on("ended",function(){
                alert("Video has ended");
            });

            $("#player1").dialog({
                                    modal:true,
                                    width: 675,
                                    closeOnEscape: false,
                                    open: function(event, ui)   {
                                        $('video#myvideo').get(0).play();   
                                    },
                                    buttons: [
                                        {
                                            text: "Skip The Intro",
                                            click: function() {
                                                $( this ).dialog( "close" );
                                            }
                                        }
                                    ]
                                });
                            });


    </script>

    <style type="text/css">

        .ui-dialog-titlebar-close {
            display: none;
        }

    </style>

</head>
<body>

    <div id ="player1" title="My title">
        <video width="640" height="360" controls autoplay id="myvideo">
            <source type="video/mp4" src="deathNote.MP4" >
        </video>
    </div>

</body>
</html>

我非常感谢你的帮助。

＆＃34; onended＆＃34;不在视频对话框中工作

0 个答案: