{"id":1767,"date":"2025-01-05T16:42:06","date_gmt":"2025-01-05T16:42:06","guid":{"rendered":"https:\/\/madlysane.com\/?page_id=1767"},"modified":"2025-06-25T17:01:09","modified_gmt":"2025-06-25T22:01:09","slug":"video","status":"publish","type":"page","link":"https:\/\/madlysane.site\/en\/video\/","title":{"rendered":"Video"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Interactive Madlysane&#8217;s Video<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #f4f4f4;\n            padding: 20px;\n            text-align: center;\n        }\n        .container {\n            background-color: #ffffff;\n            border: 1px solid #dddddd;\n            border-radius: 10px;\n            padding: 20px;\n            max-width: 800px;\n            margin: 0 auto;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n        .title {\n            font-size: 28px;\n            font-weight: bold;\n            color: #333333;\n        }\n        .video-player {\n            margin-top: 20px;\n        }\n        .interaction-buttons {\n            margin-top: 20px;\n        }\n        .interaction-buttons button {\n            padding: 10px;\n            margin: 5px;\n            background-color: #007BFF;\n            color: #ffffff;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n        }\n        .interaction-buttons button:hover {\n            background-color: #0056b3;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"title\">MadlySane LLC Video Viewer<\/div>\n        \n        <div class=\"video-player\">\n            <video id=\"videoPlayer\" width=\"640\" height=\"360\" controls>\n                <source src=\"https:\/\/madlysane.site\/wp-content\/uploads\/2025\/06\/Black-and-White-Modern-Welcome-to-my-Channel-Video.mp4\" typeur browser does not support the video tag.\n            <\/video>\n        <\/div>\n        \n        <div class=\"interaction-buttons\">\n            <button onclick=\"document.getElementById('videoPlayer').play()\">Play<\/button>\n            <button onclick=\"document.getElementById('videoPlayer').pause()\">Pause<\/button>\n            <button onclick=\"document.getElementById('videoPlayer').currentTime = 0\">Restart<\/button>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Interactive YouTube Video<\/title>\n    <style>\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #f4f4f4;\n            padding: 20px;\n            text-align: center;\n        }\n        .container {\n            background-color: #ffffff;\n            border: 1px solid #dddddd;\n            border-radius: 10px;\n            padding: 20px;\n            max-width: 800px;\n            margin: 0 auto;\n            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n        }\n        .title {\n            font-size: 28px;\n            font-weight: bold;\n            color: #333333;\n        }\n        .video-player {\n            margin-top: 20px;\n        }\n        .interaction-buttons {\n            margin-top: 20px;\n        }\n        .interaction-buttons button {\n            padding: 10px;\n            margin: 5px;\n            background-color: #007BFF;\n            color: #ffffff;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n        }\n        .interaction-buttons button:hover {\n            background-color: #0056b3;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"title\">MadlySane LLC Video Viewer<\/div>\n        \n        <div class=\"video-player\">\n            <iframe loading=\"lazy\" title=\"Are You Really Okay? Mental Heath Check In, You Didn&#039;t Know You Needed\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/4h_1l8tL2Mo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n        <\/div>\n        \n        <div class=\"interaction-buttons\">\n            <button onclick=\"playYouTubeVideo()\">Play<\/button>\n            <button onclick=\"pauseYouTubeVideo()\">Pause<\/button>\n            <button onclick=\"restartYouTubeVideo()\">Restart<\/button>\n        <\/div>\n    <\/div>\n\n    <script>\n        function playYouTubeVideo() {\n            var iframe = document.getElementById('youtubeVideo');\n            var player = new YT.Player(iframe);\n            player.playVideo();\n        }\n\n        function pauseYouTubeVideo() {\n            var iframe = document.getElementById('youtubeVideo');\n            var player = new YT.Player(iframe);\n            player.pauseVideo();\n        }\n\n        function restartYouTubeVideo() {\n            var iframe = document.getElementById('youtubeVideo');\n            var player = new YT.Player(iframe);\n            player.seekTo(0);\n            player.playVideo();\n        }\n\n        \/\/ Load the IFrame Player API code asynchronously.\n        var tag = document.createElement('script');\n        tag.src = \"https:\/\/www.youtube.com\/iframe_api\";\n        var firstScriptTag = document.getElementsByTagName('script')[0];\n        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n\n        \/\/ Replace the 'youtubeVideo' element with an <iframe> and YouTube player after the API code downloads.\n        var player;\n        onYouTubeIframeAPIReady() {\n            player = new YT.Player('youtubeVideo', {\n                events: {\n                    'onReady': onPlayerReady\n                }\n            });\n        }\n\n        function onPlayerReady(event) {\n            \/\/ Player is ready\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Interactive Madlysane&#8217;s Video MadlySane LLC Video Viewer<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-1767","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/1767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/comments?post=1767"}],"version-history":[{"count":5,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/1767\/revisions"}],"predecessor-version":[{"id":4383,"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/pages\/1767\/revisions\/4383"}],"wp:attachment":[{"href":"https:\/\/madlysane.site\/en\/wp-json\/wp\/v2\/media?parent=1767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}