6

onendedタグのHTML5イベントに反応しようとしていますvideoが成功しません。以下のコードスニペットでは、jQueryコードが正しく、そのイベントがalert()ボックスをアクティブ化することを確認するために、mouseleaveイベントを追加しました。

ビデオは問題なく再生されますが、onendedイベントを受信してalert()​​いません（起動しません）。

Chromeでのテスト、本日バージョン5.0.375.55に更新。

<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(document).ready(function(){
  $("#myVideoTag").bind('mouseleave onended', function(){
        alert("All done, function!");
  });
});

</script>
</head>
<body>
<video id="myVideoTag" width="640" height="360" poster="Fractal-zoom-1-04-Snowflake.jpg" controls>
    <source src="Fractal-zoom-1-04-Snowflake.mp4" type="video/mp4"></source>
    <source src="Fractal-zoom-1-04-Snowflake.ogg" type="video/ogg"></source>
</video>

<body>
<html>
4

2 に答える 2

17

endedの代わりにイベントにバインドしていることを確認してください。jQueryでバインドするときonendedは常に省略してください。onたとえば、実行できなかった.on("onclick")場合は実行します.on("click")。

それが役立つ場合は、<video>要素で利用可能なイベントの完全なリストがここにあります：http ://www.w3.org/2010/05/video/mediaevents.html

于 2010-06-02T03:31:28.223 に答える
2

私もその答えを探していました。jQueryモバイルフレームワークで私がうまくいったことは次のとおりです。

$(document).ready(function(){
  $("#idname").bind('ended', function(){
  $.mobile.changePage($('#idofpageyouwantogoto'), 'fade');
  });
});
于 2011-09-17T18:57:45.463 に答える