Блок вставки видео WP загружает одно и то же видео каждый раз - PullRequest
Новая
       33

Блок вставки видео WP загружает одно и то же видео каждый раз

0 голосов
/ 25 февраля 2019

Я разрабатывал плагин WP для встраивания видео ( ex.youtube ) в посты, и как только я отправляю первое видео, после создания нового блока и попытки загрузки нового видео оно отображает первоеembeded.

У меня нет большого опыта в этом вопросе, так что ожидайте возможных ошибок. 

(function(blocks, element){
      var el = element.createElement
  
  function embedVideo(props){
        var src = 'http://www.youtube.com/embed/' + props.content;//video id value for testing: EKmxtMexL8E / _9nYnqsVXyY   
                                                             
        return el(
          'iframe',{
          class: "vid-player",
          src: src,
          alt: props.content,
          width: 560,
          height: 315,
          frameborder: "0",    
          },
          
        )    
      }
      
      blocks.registerBlockType('example/example-vid-embed', {
        title: 'Example Embed Video',
        icon: 'controls-play',
        category: 'common',
        attributes: {
          content: {
              type: 'string',
              source: 'attribute',
              attribute: 'alt',
          }
        },
      
        edit: function(props){
          var content = props.attributes.content,
              children = [];

          children.push(
            //embed single video form
            el('h3',{}, "Insert Single Video"),
            el('input', { class:"id-input", id:"id-input", value: content, placeholder:"Insert Video ID             to embed"}),
            el('button', {class:"id-submit", id:"id-submit", type: "submit", width:50}, "Embed"),
          );
          console.log(children);
          
          function setInput(event){
            var url = document.getElementsByTagName("input")[0].value;
            props.setAttributes({content: url});
            event.preventDefault();
          }
          
          if ( content ) {
            children.push( embedVideo({content: content})); 
          }
          
          return el('form', {onSubmit: setInput}, children);
        },
        
        save: function(props){
          return embedVideo({content: props.attributes.content});
        },
      });
      
      })(
  window.wp.blocks,
  window.wp.element
);
печать экрана проблемы
...