Это то, что я пытаюсь;

$(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 PM. 11 градусов. Нью-Йорк . (Не делаю этого снаружи, но все же.)

Ниже приведен мой полный код, вставленный в pastebin .

Кто-нибудь может посоветовать, что я здесь делаю не так? Все еще ничего.

http://pastebin.com/MYJk5gv1

Самая последняя (неудачная) попытка;

  $(playdiv).find('img').css("display","none");
0
emilio estevez 24 Янв 2013 в 19:25

4 ответа

Лучший ответ

Это должно сработать.

function vidplay() {
   var video = document.getElementById("video");
   var button = document.getElementById("play");
   if (video.paused) {
      video.play();
      $("#playdiv").find('img').css("display","none");
   ...
1
Kaizen Programmer 24 Янв 2013 в 17:27

Добавьте идентификатор в img и

document.getElementById('idoftheimg').style.display='none';
1
Toping 24 Янв 2013 в 15:29

Вы можете использовать как это;)

$("#playdiv").hide();
1
Ricardo Vieira 24 Янв 2013 в 15:43

Использование JQuery (я предполагаю, что свойство pause и функция play существуют)

Удалите объявление onclick="vidplay()" и определите событие click следующим образом:

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

   //Hide the div
   $(this).fadeOut(300);
});
0
sdespont 24 Янв 2013 в 15:29