点击/播放后隐藏#div

这就是我想要的;点击/播放后隐藏#div

$(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/

SO。你们在说什么;是这个，是吧？

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

但是，这是行不通的。相反，它只是停止所有功能;并且视频在第一帧被冻结。

第二次修复尝试。

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度。 NYC。（不这样做，但仍然。）

以下是我的FULL代码粘贴pastebin。

有谁能告诉我在做什么错在这里？依然没有。

http://pastebin.com/MYJk5gv1

最近的（失败）的尝试;

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

来源

2013-01-24 Fred Randall

你想要图像或整个div消失，ppl在这里混淆了。 – Toping

oOOooOo。两者任一;该div只是包装图像。所以divs的内容;和/或;是的，只有图像。 –

基于'onclick'中调用'vidplay（）'的事实，如果你隐藏'playdiv'，你将无法激发'vidplay（）' –

这应该这样做。

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-24 15:28:36

使用jQuery（我认为pause财产和play函数存在）

删除onclick="vidplay()"声明，并这样定义click事件：

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

    //Hide the div 
    $(this).fadeOut(300); 
});

来源

2013-01-24 15:29:09 sdespont

添加一个ID为IMG和

document.getElementById('idoftheimg').style.display='none';

来源

2013-01-24 15:29:33 Toping

你可以这样使用;）

$("#playdiv").hide();

来源

2013-01-24 15:43:37

点击/播放后隐藏#div

回答

相关问题