No copy protection for H5P Content?

Dear Forum,

for protecting my content i am using the plugin "wp content copy protection premium" which works fine, exept with the h5P elements: If you double click on such element whole page and images are open for storing and copying.

Asking the plugin provider for help he recommended to add some code at the end of the h5p.css. See his answer below

"H5P plugin uses iframes method to put its content inside the WordPress or inside its own iframes.

 

Iframes mainly work outframe the activated plugins since it is standalone and this is technically impossible.

however, you can prevent the selection manually by editing this file

https://www.plugin-labs.com/wp-content/plugins/h5p/h5p-php-library/styles/h5p.css

 and paste at the bottom of it, the following:

 

 body, div, p, span{ cursor: inherit ; user-select: none !important;

 

-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;

-ms-user-select: none;}

 

 Note: when you update the H5P plugin, the file will back to its original content, so this action needs to be repeated after each update."

So far so good, but i am not able to find the respective file.

Do you have some advice for me or a solution for my problem?

Kind regards Alix

 

Content types: 
otacke's picture

Hi Alix!

The answer that you got is fully correct. And you cannot find the Stylesheet file? It is in the same location on every WordPress instance (wp-content/plugins/h5p/h5p-php-library/styles/h5p.css). The proper way to override stylesheets is documented at https://h5p.org/wordpress-customization by the way that will not require you to change the files directly and changes will survive H5P plugin updates.

To be honest: I hope that you're aware that the plugin that you're seemingly paying for may prevent right-clicks, text selection, etc. that may throw off some people, but everything is still happening in the browser. All it takes is to open the browser's development console to get access to everything that you see: Texts, images, source code of the page, etc. That's not an H5P issue. That's the way the web works.

Best,
Oliver

Hi, Oliver,

thanks a lot for your answer!

Yes, i am aware of the problem that we are not able to prevent everybodys copy attempts, but i hope to prevent the most attempts...

Best regards Alix

inglescurso's picture

I did exactly what was suggested here.
I placed the code at the bottom of the page
/public_html/wp-content/plugins/h5p/h5p-php-library/styles/h5p.css
}

body, div, p, span{ cursor: inherit ; user-select: none !important;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;
-ms-user-select: none;
}

and it didn't solve anything at all.

the full css file is attached

 

Attachments: