Code trình phát video trong bài viết sử dụng Markdown

admin

Trong bài viết, sử dụng:

1. {vid://www.youtube.com/watch?v=s2ICoI8wGkU}

Sao chép mã

Xử lý:

1. <div class="menu" style="text-align:justify;font-style:normal;padding:12px" id="content">
   
2.     {{markdown(content)|raw}}
   
3. </div>
   
4. <script>
   
5.     var get_content = document.getElementById("content").innerHTML;
   
6.     var get_content = get_content.replace(/{vid:\/\/(.*?)}/g, '<div class="video-wrapper" style="text-align:center;"><iframe loading="lazy" src="/video-embed?link=http://$1" height="315" width="560" scrolling="no" allowfullscreen="" frameborder="0"></iframe></div>');
   
7.     document.getElementById("content").innerHTML = get_content;
   
8. </script>

Sao chép mã

Hoặc

1. 
   
2. {% macro video(string) %}
   
3. {% set pattern = '/{vid:\\/\\/(.*?)}/' %}
   
4. {% set replacement = '<div class="video-wrapper" style="text-align: center;"><iframe loading="lazy" src="/video-embed?link=http://$1" height="315" width="560" scrolling="no" allowfullscreen="" frameborder="0"></iframe></div>' %}
   
5. {{string|preg_replace(pattern, replacement)|raw}}
   
6. {% endmacro %}
   
7. 
   
8. {% macro _markdown(string,v) %}
   
9. {% set string = markdown(string,v) %}
   
10. {% set string = _self.video(string) %}
    
11. {{string|raw}}
    
12. {% endmacro %}
    
13. 
    
14. {% from '_markdown' import '_markdown' %}
    
15. <div class="menu" style="text-align:justify;font-style:normal;padding:12px" id="content">
    
16.     {{_markdown(content)|raw}}
    
17. </div>

Sao chép mã