Video.js - предотвращение функциональности с нажатием кнопки для воспроизведения

Question

Я использую video.js для встраивания видео в HTML-страницу. Он должен использоваться как приложение для ipad-only, поэтому я считаю, что он использует собственный HTML5-плеер. Я пытаюсь отключить функцию «щелчок к игре» (так что пользователь должен использовать элементы управления), но у меня возникают проблемы с этим.

Я попытался отменить событие click (используя jQuery) из видео/видеоплеера/плаката, и я попытался использовать addevent для добавления e.preventDefault() к видео, но ничто из этого не работает.

Ps. Я нашел couple of posts, говоря, что вы можете прокомментировать строку в коде, но эта строка не существует в моей версии - возможно, плагин был переписан.

Answer 1

Проверить здесь

https://github.com/videojs/video.js/blob/master/docs/api/vjs.MediaTechController.md#removecontrolslisteners

Так, например

v = videojs('scene04-video'); 
v.tech.removeControlsListeners(); 

Answer 2

Было бы полезно знать, какую версию вы используете. Это работает для меня на 4.1 (последней апи)

// Disable big-play-button 
videojs.Player.prototype.options_.children.bigPlayButton = false; 

// Override click handler on media object; 
videojs.MediaTechController.prototype.onClick = function() {}; 

// Initialize video 
var vid = videojs("video", {}); 

// Show controls (since in my browser it doesn't think it needs to inititally) 
vid.controlBar.show(); 

UPDATE: Я должен уточнить, что выше работает только с использованием dev.js API (а не прод/уменьшенная версия). В сокращенной версии имя функции onClick MediaTechController не сохраняется, вы не можете надежно переопределить его. В этом случае, вы можете попробовать вручную отсоединять на кликах события HTML5 и Flash:

videojs.Html5.off('click'); 
videojs.Flash.off('click'); 

var vid = videojs("video", {}, function() { 
    this.bigPlayButton.hide(); 
}); 

// Again - show the controlbar (optionally) 
vid.controlBar.show(); 

Answer 3

Вы можете попробовать это. Это помогло мне. Просто добавьте это в файл css: