maxtap_plugin

```html <!DOCTYPE html> <html lang="en"> <head> <script data-maxtap-script async src="https://unpkg.com/maxtap_plugin@latest/dist/maxtap.min.js"></script> <script> document.querySelector('[data-maxtap-script]').addEventList

latest

Source

npm

Version: 0.1.18

Version published: 4 years ago

Weekly downloads: 0

Maintainers: 2

Weekly downloads

Created: 4 years ago

Source

Maxtap plugin usage

Plain classic web

<!DOCTYPE html>
<html lang="en">
    <head>
        <script data-maxtap-script async src="https://unpkg.com/maxtap_plugin@latest/dist/maxtap.min.js"></script>
        <script>
            document.querySelector('[data-maxtap-script]').addEventListener('load', () => {
                new Maxtap.Component({ content_id: 'test_data' }).init();
            })
        </script>
    </head>
    <body>
        <video preload="auto" data-displaymaxtap controls src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4"></video>
    </body>
</head>

React js (Or) NextJs

npm install maxtap_plugin

import * as Maxtap from "maxtap_plugin";

function App() {
    useEffect(() => {
        const my_ad = new Maxtap.Component({content_id:"test_data"});
        my_ad.init();
    }, [])

    return (
        <div className="App">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestias, quaerat officia quibusdam temporibus consequatur,
                <br />
                quisquam magni quam expedita ipsa laboriosam dicta assumenda officiis eum ducimus sint aspernatur aliquid culpa exercitationem?</p>
            <div>
                <div className="react-player trailer-react-player">
                <video preload="auto" data-displaymaxtap controls src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4"></video>
                </div>
            </div>
        </div>
    );
}
export default App;

Use data-displaymaxtap in video tag.

FAQs

What is maxtap_plugin?

Is maxtap_plugin popular?

Is maxtap_plugin well maintained?

Package last updated on 10 Feb 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install