Как скрыть часть содержимого iframe?

Question

Я хочу создать iframe из этого https://rustypipe.deepraven.co/video/8ci2hj7CSHI/ (это случайное видео на YouTube). Однако я не хочу, чтобы была видна панель поиска или ржавая трубка lo go. Я хочу, чтобы iframe был сосредоточен только на видео.

Как мне добиться этого с помощью html и css?

Вот что я имею в виду:

Я не хочу это.

I want this.

только видео

ОБНОВЛЕНИЕ: мне нужно, чтобы это был iframe.

Answer 1

Добавьте тег <p> прямо над тегом <a>. Установите background на белый, position абсолютный и дайте ему соответствующие width и height, и вот оно:

After, вы также можете использовать свойства after css transform, например scale, чтобы получить желаемый размер. Дайте мне знать, если у вас возникнут вопросы!

---

Вот скриншот дополнительного тега

в HTML и установленных в нем классов

Дайте мне знать, если в этом есть смысл. Мы просто берем белую полоску и накладываем ее на ту часть, которая нам не нужна.

Не используйте мои точные измерения, я уверен, что вы найдете идеальные для своих :) 1029 *

Answer 2

Если вам действительно не нужен iframe, вы можете встроить только видео (скопируйте тег <video> с веб-сайта). Большинство браузеров позволяют щелкнуть правой кнопкой мыши узел DOM в инспекторе (нажмите F12, чтобы попасть туда) и скопировать HTML.

Внутри тега <video> есть ссылки на источник видео, поэтому вам не нужно загружать видео.

Если вам действительно нужен iframe, вам, вероятно, придется визуализировать весь контент (не имеет большого значения для вашего случая) и увеличить часть, что вы хотите увидеть.

Вот ветка об этом. В нижнем комментарии также упоминается сообщение в блоге .