0

これが私が試みていることです。

$(document).ready(function(){
//Slides object with a time (integer) and a html string
var slides = {
0: '<div id="playdiv" onclick="vidplay()"><img src="imgs/poster1.png" style="min-height: 300px;"/></div>',

ビデオの再生機能を維持するにはどうすればよいですか。onClick だけでなく、その中に画像を含む #div もあります。クリックすると消えます。 

function vidplay() {
   var video = document.getElementById("video");
   var button = document.getElementById("play");
   if (video.paused) {
      video.play();
      (playdiv).style.display="none";

参照ライブラリ: http://cuepoint.org/

それで。あなたたちが言っていること。これですよね？

 function vidplay() {
     var video = document.getElementById("video");
     var button = document.getElementById("play");
     if (video.paused) {
     video.play();
     $("#playdiv").hide();

しかし、これはうまくいきません。代わりに、すべての機能を停止するだけです。ビデオは最初のフレームでフリーズします。

2 回目の修正試行。

0: '<div id="playdiv" onclick="vidplay()"><img id="supercoolimg" src="imgs/poster1.png" style="min-height: 300px;"/></div>',



 function vidplay() {
     var video = document.getElementById("video");
     var button = document.getElementById("play");
     if (video.paused) {
     video.play();
     document.getElementById('supercoolimg').style.display='none';

失敗ログ。午前11時59分。11度。ニューヨーク。（外ではやっていませんが、それでも。）

以下は、 pastebin 内に貼り付けられた完全なコードです。

ここで私が間違っていることを誰かにアドバイスできますか? まだ何もありません。

http://pastebin.com/MYJk5gv1

最新の (失敗した) 試行。

  $(playdiv).find('img').css("display","none");
4

4 に答える 4

1

これでうまくいくはずです。

function vidplay() {
   var video = document.getElementById("video");
   var button = document.getElementById("play");
   if (video.paused) {
      video.play();
      $("#playdiv").find('img').css("display","none");
   ...
于 2013-01-24T15:28:36.800 に答える
1

Add a id to the img and 

document.getElementById('idoftheimg').style.display='none';
于 2013-01-24T15:29:33.807 に答える
1

このように使用できます;）

$("#playdiv").hide();
于 2013-01-24T15:43:37.903 に答える
0

Using JQuery (I assume that pause property and play function exists)

Remove onclick="vidplay()" declaration and define click event like this :

$('#playdiv').click(function(){
   var $video = $("#video");
   if ($video.paused) {
      $video.play();

   //Hide the div
   $(this).fadeOut(300);
});
于 2013-01-24T15:29:09.193 に答える