shady420 commited on
Commit
d384b0a
·
verified ·
1 Parent(s): 0521879

i need you to make it so rumble videos will work https://rumble.com/v718tty-terror-plot-foiled-fbi-arrests-two-men-in-michigan-over-isis-inspired-consp.html?mref=c0c8&mc=dyza9

Browse files
Files changed (2) hide show
  1. components/video-card.js +9 -5
  2. index.html +2 -2
components/video-card.js CHANGED
@@ -70,11 +70,15 @@ class VideoCard extends HTMLElement {
70
  </style>
71
  <div class="card">
72
  <div class="video-container">
73
- <iframe src="https://www.youtube.com/embed/${videoId}"
74
- frameborder="0"
75
- allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
76
- allowfullscreen></iframe>
77
- </div>
 
 
 
 
78
  <div class="content">
79
  <h3 class="title">${title}</h3>
80
  <p class="description">${description}</p>
 
70
  </style>
71
  <div class="card">
72
  <div class="video-container">
73
+ ${videoId.includes('rumble.com') ?
74
+ `<iframe src="https://rumble.com/embed/${videoId.split('v')[1].split('-')[0]}/?pub=4"
75
+ frameborder="0"
76
+ allowfullscreen></iframe>` :
77
+ `<iframe src="https://www.youtube.com/embed/${videoId}"
78
+ frameborder="0"
79
+ allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
80
+ allowfullscreen></iframe>`}
81
+ </div>
82
  <div class="content">
83
  <h3 class="title">${title}</h3>
84
  <p class="description">${description}</p>
index.html CHANGED
@@ -40,8 +40,8 @@
40
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
41
  <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
42
  <div class="relative pb-[56.25%]">
43
- <iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
44
- </div>
45
  <div class="p-6">
46
  <div class="flex items-center text-sm text-blue-600 font-semibold mb-2">
47
  <i data-feather="clock" class="mr-2 w-4 h-4"></i>
 
40
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
41
  <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
42
  <div class="relative pb-[56.25%]">
43
+ <iframe class="absolute top-0 left-0 w-full h-full" src="https://rumble.com/embed/v718tty/?pub=4" frameborder="0" allowfullscreen></iframe>
44
+ </div>
45
  <div class="p-6">
46
  <div class="flex items-center text-sm text-blue-600 font-semibold mb-2">
47
  <i data-feather="clock" class="mr-2 w-4 h-4"></i>