I have to embed some content inside wordpress and I did creating a page inside WP and embedding a script and an iframe. When use change page inside iframe url get update, to load the correct URL inside iframe I need to use URL rewrite for content of a subpage but is not working

https://www.example.com/catalogue/products.html -> load catalogue/?ifp=products iside iframe https://www.example.com/catalogue/product_1.html -> load catalogue/?ifp=1 iside iframe

<IfModule mod_rewrite.c>

    RewriteEngine On

    RewriteRule ^ catalogue/([^/]+)_([0-9]+).html /catalogue/?ifp=$2 [QSA,L]

    RewriteRule ^ catalogue/products.html /catalogue/?ifp=products [QSA,L]

</IfModule>

this works outside WordPress but on WP server if I try to call https://www.example.com/catalogue/product_1.html

I get redirect to a 404 page