{"id":192,"date":"2025-05-10T21:25:48","date_gmt":"2025-05-10T20:25:48","guid":{"rendered":"https:\/\/afcmediauk.com\/?page_id=192"},"modified":"2025-08-15T00:26:27","modified_gmt":"2025-08-14T23:26:27","slug":"videos","status":"publish","type":"page","link":"https:\/\/afcmediauk.com\/?page_id=192","title":{"rendered":"Vlog"},"content":{"rendered":"\n<div class=\"video-publishing-container\">\n    <!-- Featured Video Section -->\n    <section class=\"featured-video-section\">\n        <h2 class=\"section-title\">Featured Video<\/h2>\n        <div class=\"featured-video-wrapper\">\n            <div class=\"video-container\">\n                <!https:\/\/youtu.be\/yHwmKdFjvCU?si=jP9W3qK5cmCeGHtW>\n                <iframe loading=\"lazy\" width=\"100%\" height=\"500\" src=\"https:\/\/www.youtube.com\/embed\/yHwmKdFjvCU?si=_ngRsrTk0ploNHWJ\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n            <\/div>\n            <div class=\"video-details\">\n                <h3 class=\"video-title\">AI&#8217;s Next Leap: When Computers Code Themselves!<\/h3>\n                <p class=\"video-description\">Explore the ground-breaking intersection of machine tooling and artificial intelligence in our latest video: &#8220;AI&#8217;s Next Leap: When Computers Code Themselves!&#8221; Discover how the invention of machine tools in the 18th and 19th centuries revolutionized manufacturing, and how we now stand on the brink of a new era where AI can write, modify, and optimize its own code. This transformation could redefine software development, enhancing efficiency and sparking innovation like never before. \n\nJoin us as we delve into the parallels between historical industrialization and today&#8217;s AI advancements. Don&#8217;t forget to like and share this video with fellow tech enthusiasts! .<\/p>\n                <div class=\"video-meta\">\n                    <span class=\"publish-date\">Published: June 17, 2025<\/span>\n                    <span class=\"video-duration\">Duration: 10:25<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Video Grid Section -->\n    <section class=\"video-grid-section\">\n        <h2 class=\"section-title\">Latest Videos<\/h2>\n        <div class=\"video-grid\">\n            <!-- Video Item 1 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 1<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">1.2K views<\/span>\n                    <span class=\"date\">2 days ago<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Video Item 2 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 2<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">3.4K views<\/span>\n                    <span class=\"date\">1 week ago<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Video Item 3 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 3<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">5.6K views<\/span>\n                    <span class=\"date\">2 weeks ago<\/span>\n                <\/div>\n            <\/div>\n            \n            <!-- Video Item 4 -->\n            <div class=\"video-item\">\n                <div class=\"video-thumbnail\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/300x169\" alt=\"Video thumbnail\" class=\"thumbnail-image\">\n                    <div class=\"play-icon\">\u25b6<\/div>\n                <\/div>\n                <h3 class=\"video-item-title\">Video Title 4<\/h3>\n                <div class=\"video-item-meta\">\n                    <span class=\"views\">7.8K views<\/span>\n                    <span class=\"date\">3 weeks ago<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <div class=\"load-more-container\">\n            <button class=\"load-more-btn\">Load More Videos<\/button>\n        <\/div>\n    <\/section>\n\n    <!-- Video Categories Section -->\n    <section class=\"video-categories-section\">\n        <h2 class=\"section-title\">Browse by Category<\/h2>\n        <div class=\"categories-grid\">\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83c\udfac<\/div>\n                <h3 class=\"category-name\">Tutorials<\/h3>\n            <\/a>\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83d\udcf9<\/div>\n                <h3 class=\"category-name\">Interviews<\/h3>\n            <\/a>\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83c\udfad<\/div>\n                <h3 class=\"category-name\">Entertainment<\/h3>\n            <\/a>\n            <a href=\"#\" class=\"category-item\">\n                <div class=\"category-icon\">\ud83d\udcda<\/div>\n                <h3 class=\"category-name\">Education<\/h3>\n            <\/a>\n        <\/div>\n    <\/section>\n<\/div>\n\n<style>\n\/* Basic styling for the video publishing page *\/\n.video-publishing-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px;\n    font-family: 'Arial', sans-serif;\n}\n\n.section-title {\n    color: #333;\n    border-bottom: 2px solid #eee;\n    padding-bottom: 10px;\n    margin-bottom: 20px;\n}\n\n\/* Featured Video Section *\/\n.featured-video-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    margin-bottom: 40px;\n}\n\n.video-container {\n    position: relative;\n    padding-bottom: 56.25%; \/* 16:9 aspect ratio *\/\n    height: 0;\n    overflow: hidden;\n}\n\n.video-container iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n}\n\n.video-details {\n    padding: 0 10px;\n}\n\n.video-title {\n    font-size: 24px;\n    margin: 0 0 10px 0;\n    color: #222;\n}\n\n.video-description {\n    color: #666;\n    line-height: 1.6;\n    margin-bottom: 15px;\n}\n\n.video-meta {\n    display: flex;\n    gap: 15px;\n    color: #888;\n    font-size: 14px;\n}\n\n\/* Video Grid Section *\/\n.video-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 20px;\n    margin-bottom: 30px;\n}\n\n.video-item {\n    border: 1px solid #eee;\n    border-radius: 5px;\n    overflow: hidden;\n    transition: transform 0.3s ease;\n}\n\n.video-item:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n}\n\n.video-thumbnail {\n    position: relative;\n    cursor: pointer;\n}\n\n.thumbnail-image {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n.play-icon {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    background: rgba(0,0,0,0.7);\n    color: white;\n    width: 50px;\n    height: 50px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 20px;\n}\n\n.video-item-title {\n    font-size: 16px;\n    margin: 10px;\n    color: #333;\n}\n\n.video-item-meta {\n    display: flex;\n    justify-content: space-between;\n    padding: 0 10px 10px;\n    color: #888;\n    font-size: 13px;\n}\n\n.load-more-container {\n    text-align: center;\n    margin: 30px 0;\n}\n\n.load-more-btn {\n    background: #0073aa;\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 4px;\n    cursor: pointer;\n    font-size: 16px;\n    transition: background 0.3s;\n}\n\n.load-more-btn:hover {\n    background: #005177;\n}\n\n\/* Categories Section *\/\n.categories-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    gap: 20px;\n}\n\n.category-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 20px;\n    background: #f9f9f9;\n    border-radius: 5px;\n    text-decoration: none;\n    transition: all 0.3s ease;\n}\n\n.category-item:hover {\n    background: #0073aa;\n    color: white;\n}\n\n.category-item:hover .category-name {\n    color: white;\n}\n\n.category-icon {\n    font-size: 40px;\n    margin-bottom: 10px;\n}\n\n.category-name {\n    color: #333;\n    margin: 0;\n    text-align: center;\n    transition: color 0.3s;\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n    .video-grid {\n        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n    }\n    \n    .categories-grid {\n        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    }\n}\n\n@media (max-width: 480px) {\n    .video-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .featured-video-wrapper {\n        flex-direction: column;\n    }\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Featured Video AI&#8217;s Next Leap: When Computers Code Themselves! Explore the ground-breaking intersection of machine tooling and artificial intelligence in our latest video: &#8220;AI&#8217;s Next Leap: When Computers Code Themselves!&#8221; Discover how the invention of machine tools in the 18th and 19th centuries revolutionized manufacturing, and how we now stand on the brink of a&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages\/192"}],"collection":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=192"}],"version-history":[{"count":7,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages\/192\/revisions"}],"predecessor-version":[{"id":251,"href":"https:\/\/afcmediauk.com\/index.php?rest_route=\/wp\/v2\/pages\/192\/revisions\/251"}],"wp:attachment":[{"href":"https:\/\/afcmediauk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}