https://www.oowbc.com.ng/watch-live.html

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta name="description" content="Oasis of Wisdom Bible Church, Ilorin — Preaching Christ and raising a distinguished generation." />
5<meta name="keywords" content="Oasis of Wisdom, Bible Church, Ilorin Church, Pastor Cos Fawenu, Worship, Christian, Jesus, Youth Ministry" />
6<meta name="author" content="Oasis of Wisdom Media Team" />
7
8  <!-- Google tag (gtag.js) -->

8
9<script async src="https://www.googletagmanager.com/gtag/js?id=

9G-12R09Q1G31

9"></script>

10<script>
11  

11window.dataLayer = window.dataLayer || [];
12  function gtag(){dataLayer.push(arguments);}
13  gtag('js', new Date());
14
15  gtag('config', '

15G-12R09Q1G31

15');

16</script>

16
17  <meta charset="UTF-8" />
18  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
19  <title>Watch Live | Oasis of Wisdom</title>
20  <link rel="icon" href="logo.png" type="image/png" />
21  <style>
22    body {
23      font-family: 'Segoe UI', sans-serif;
24      margin: 0;
25      background-color: #f9f9f9;
26      color: #222;
27    }
28
29    header {
30      background: #004225;
31      color: white;
32      text-align: center;
33      padding: 1.5rem 1rem;
34    }
35
36    header img.logo {
37      width: 70px;
38      border-radius: 50%;
39      margin-bottom: 10px;
40    }
41
42    header h1 {
43      font-size: 1.8rem;
44      margin: 0.5rem 0 0;
45    }
46
47    header p {
48      font-size: 1.1rem;
49      margin: 0;
50    }
51
52    nav {
53      background: #006400;
54      padding: 0.75rem;
55      text-align: center;
56    }
57
58    nav a {
59      color: white;
60      margin: 0 10px;
61      text-decoration: none;
62      font-weight: bold;
63      font-size: 0.95rem;
64      position: relative;
65    }
66
67    nav a:hover {
68      text-decoration: underline;
69    }
70
71    .live-badge {
72      background: red;
73      color: white;
74      font-size: 0.6rem;
75      padding: 2px 5px;
76      border-radius: 4px;
77      position: absolute;
78      top: -8px;
79      right: -20px;
80      animation: blink 1s infinite;
81    }
82
83    @keyframes blink {
84      0%, 100% { opacity: 1; }
85      50% { opacity: 0; }
86    }
87
88    section {
89      padding: 2rem;
90      max-width: 960px;
91      margin: auto;
92      text-align: center;
93    }
94
95    h2 {
96      color: #004225;
97    }
98
99    iframe {
100      width: 100%;
101      height: 400px;
102      border: none;
103      border-radius: 10px;
104      margin-top: 1rem;
105    }
106
107    .back-link {
108      display: inline-block;
109      margin-top: 2rem;
110      color: #004225;
111      text-decoration: none;
112      font-weight: bold;
113    }
114
115    hr {
116      margin: 3rem 0;
117      border: none;
118      border-top: 1px solid #ccc;
119    }
120  </style>
121</head>
122<body>
123
124  <!-- Header + Nav -->
125  <header>
126    <img src="logo.png" alt="Church Logo" class="logo" />
127    <h1>Oasis of Wisdom Bible Church</h1>
128    <p><strong>The Church of the Distinguished Generation</strong></p>
129  </header>
130
131  <nav>
132    <a href="index.html">Home</a>
133    <a href="index.html#programs">Programs</a>
134    <a href="index.html#media">Media</a>
135    <a href="index.html#giving">Giving</a>
136    <a href="index.html#prayer">Prayer</a>
137    <a href="index.html#contact">Contact</a>
138    <a href="news.html">Oasis News</a>
139    <a href="prayer.html">Today in Prophecy Prayer Altar</a>
140    <a href="watch-live.html">
141      Watch Live
142      <span class="live-badge">LIVE</span>
143    </a>
144  </nav>
145
146  <!-- Content -->
147  <section>
148    <h2>📺 Join Us Live</h2>
149    <p>

149If we're not currently live, feel free to explore our recent sermons below.</p>
150
151    <!-- ✅ Live YouTube Stream Embed -->
152    <iframe 
153      src="https://www.youtube.com/embed/live_stream?channel=UCmLTO_uXmL0wOZ6HzLxz9zQ" 
154      allowfullscreen 
155      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
156    </iframe>
157
158    <hr />
159
160    <!-- ✅ Playlist Fallback -->
161    <h2>🎞️ Latest Sermon Series</h2>
162    <iframe 
163      src="https://www.youtube.com/embed/videoseries?list=PL41j9bWXbj79Xh2Qo7clRQmFyEZoex82R" 
164      allowfullscreen 
165      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture">
166    </iframe>
167
168    <a class="back-link" href="index.html">← Back to Home</a>
169  </section>
170</body>
171</html>