Добавить атрибут disablepictureinpicture через fancybox - PullRequest
0 голосов
/ 22 апреля 2020

Я использую fancybox для отображения некоторых видео. Для видео с собственным размещением (html5 videos) мне нужно было бы добавить атрибут displaypictureinpicture, чтобы опция не отображала точки. Эти три точки . Я знаю, что могу сделать это вручную, изменив ядро ​​fancybox. js или javascript.

    video: {
      tpl: '<video class="modula-fancybox-video" controls controlsList="nodownload" poster="{{poster}}">' +
        '<source src="{{src}}" type="{{format}}" />' +
        'Sorry, your browser doesn\'t support embedded videos, <a href="{{src}}">download</a> and watch with your favorite video player!' +
        "</video>",
      format: "", // custom video format
      autoStart: true
    }```

Я хотел бы добавить это из другого плагина (это плагин защиты, чтобы люди не могли скачивать ваше видео) через фильтр в WordPress, и я не могу найти какой-либо документация по этому вопросу. Вы знаете какой-нибудь обходной путь? Я заинтересован только в изменении этого через опции fancybox. У меня уже есть фильтр для этого. Я покажу вам пример того, как это работает с автовоспроизведением:

public function video_autoplay_options( $fancybox_options, $settings ) {

        if( isset( $settings['autoplay-videos']) && 0 == $settings['autoplay-videos'] ) {

            $fancybox_options['youtube']['autoplay'] = 0;
            $fancybox_options['video']['autoStart']  = false;
            $fancybox_options['vimeo']['autoplay']   = 0;

        }
        return $fancybox_options;

    }

Большое спасибо и простите за длинный пост.

Придя с небольшим обновлением, разобрался, как это сделать:

$fancybox_options['video']['tpl'] = '<video class="modula-fancybox-video" controls controlsList="nodownload" disablepictureinpicture poster="{{poster}}">' .
            '<source src="{{src}}" type="{{format}}" />' .
            'Sorry, your browser doesn\'t support embedded videos, <a href="{{src}}">download</a> and watch with your favorite video player!' .
            "</video>";

Просто нужно переобъявить всю декларацию видео.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...