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();

但这不起作用。相反，它只是停止了所有功能；并且视频在第一帧被冻结。

第二次修复尝试。

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

向 img 添加一个 id 和

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

你可以这样使用；）

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

使用 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-24T15:29:09.193 回答