Вопросы Теги

html5 video css popup a div [duplicate]

Если бы это был я, я бы установил что-то вроде SQL Server Compact Edition для чтения / записи этих данных.

Однако, если вы хотите блокировать доступ к ресурсу, который делится между несколькими процессов, вам нужно использовать Mutex или семафор.

Класс Mutex - это .Net-оболочка вокруг механизма блокировки уровня OS.

Обзор примитивов синхронизации

5
задан bryankerk 2 April 2013 в 18:07
поделиться

3 ответа

Проблема заключается в том, что видео отображается absolutely. Вы можете сделать свою ссылку position: absolute, и это должно сделать это.

0
ответ дан What have you tried 21 August 2018 в 22:34
поделиться
  • 1
    Я поставил видео, которое будет отображаться как «Относительное», а ссылка DIV будет отображаться как «Абсолютная», и она по-прежнему не отображается поверх видео ... – bryankerk 2 April 2013 в 19:53

Это простой трюк, вам нужно добавить максимальное значение z-индекса, которое (z-index: 2147483647;) в элемент overlay. Этот трюк решит вашу проблему. 

z-index: 2147483647;

Вот ваш обновленный скрипт: http://jsfiddle.net/TcpX5/36/

15
ответ дан Carmijoon 21 August 2018 в 22:34
поделиться
  • 1
    Вау, это работает. Это просто трюк или это часть пятнышка? Другими словами, вероятно, это "фиксировано" в будущем, чтобы он не работал? – Stephen Cagle 14 April 2015 в 20:18
  • 2
    – Murtuza 16 June 2017 в 12:59

Я создал небольшую демонстрацию, я использую видео HTML5, а не Flash Player, но поведение должно быть одинаковым: http://jsfiddle.net/sandro_paganotti/TcpX5/

Чтобы переключить полноэкранный режим, я предлагаю использовать screenfull ( https://github.com/sindresorhus/screenfull.js ), который в основном обрабатывает небольшие различия между Firefox и Chrome.

Вот код, просто замените элемент <video> на реализацию JW Player:

HTML 

<div id="video">
    <video width="100%" src="yourmovie.webm" controls></video><br/>
    <button>go full screen</button>
    <a href="#">Special link</a>
</div>

CSS 

#video{ position: relative; }
a{  position: absolute; top: 10px; right: 10px;
    border: 1px solid red; display: block; background: #FFF }

Javascript 

$('button').click(function(){
    screenfull.request();
});

Конечная нота: jsfiddle запрещает полноэкранный режим (источник: https://webapps.stackexchange.com/questions/26730/can-full-screen-mode -be-activated-in-jsfiddle ), чтобы увидеть демоверсию, которую вы должны вручную настроить jsfiddle iframe с помощью chrome devtools или firebug, как указано в ссылке выше.

1
ответ дан Community 21 August 2018 в 22:34
поделиться
  • 1
    Ссылка для загрузки файлов JS не работает. Я считаю, что моя функция goFullScreen работает очень хорошо. function goFullscreen (id) {var element = document.getElementById (id); if (element.mozRequestFullScreen) {element.mozRequestFullScreen (); } else if (element.webkitRequestFullScreen) {element.webkitRequestFullScreen (); }} – bryankerk 2 April 2013 в 19:55
Другие вопросы по тегам:

Похожие вопросы: