Как не допустить, чтобы проигрыватели video.js накладывались друг на друга при создании шорткодов в WordPress - PullRequest
Новая
       15

Как не допустить, чтобы проигрыватели video.js накладывались друг на друга при создании шорткодов в WordPress

0 голосов
/ 25 мая 2019

Я сделал функцию шорткода для добавления проигрывателя video.js к сообщениям.Это работает отлично, но даже если у меня есть текст между использованием коротких кодов для битов video.js, все видеоплееры накладываются друг на друга.Я хотел бы, чтобы он соблюдал расположение текста, чтобы сайт моих клиентов мог позволять им сплетать текст между игроками.

Я пытался поиграть с CSS и действительно не знаю, ПОЧЕМУЯ могу поместить что-то вроде [шорткод] текст [шорткод] текст [шорткод]

и получить видео видео видео текстовый текст

моя функция шорткода: 

    function vg_choochoo_video_player($atts) {
     extract(shortcode_atts(array(
     'url' => '',
     'position' => ''
     ), $atts))
     ?>

     <video id='vid1' class='video-js'
     controls
     style="margin: auto; float: <?php echo $position ?>"
     data-setup='{ "techOrder": ["youtube"], "sources": [{ "type": 
     "video/youtube", "src": "<?php echo $url ?>"  }] }'
     >
     </video>
    <?php
    }

///////// В посте создателя для WordPress у меня будет следующее: Это блок текста и

[vgccVideo url = "https://www.youtube.com/watch?v=JocAXINz-YE" position =" right "]

видео находится справа.

Это также блок текста и видео слева.

[vgccVideo url = "https://www.youtube.com/watch?v=JocAXINz-YE" position =" right "]

Теперь вот кое-что здесь.[vgccVideo url = "https://www.youtube.com/watch?v=JocAXINz-YE" position =" right "] /////////////////

Я ожидаю, что видео будет размещено таким образом, чтобы отражать ихмакет в посте создателя.

...