视频嵌入测试


日常276 阅9 评

视频直链嵌入测试 ̄﹃ ̄

用我最喜欢的[IU]演唱会4K视频(转到bilibili只能上720P)

@真爱折腾

1080P视频Live

2022年3月10日 晌午

终于被我找到这样的免费视频托管网站啦!嘻嘻……

演示视频已更新。

虽然依然不能上4K视频,但是2K的已经叭错啦!

最后更新 2022-06-13
评论 ( 9 )
OωO
隐私评论
  1. 给你一个灵感,插入第三方 iframe 视频框架是无法自动实现 16:9 的,需要设置宽度和高度。但如果在 iframe 加一个父标签并通过 padding-bottom: 56%; 就可以让 iframe 跟随宽度实现 16:9 拉动。padding-bottom 可实现一块区域在窗口尺寸变化使始终保持自适应。对于响应式布局中的图片或视频来说尤为好用。

    例如我在这个帖子里插入的视频。

    6个月前辽宁省阜新市回复
    1. @风记星辰

      谢谢大佬指点,你说的这个我会...我折腾这篇文章本来是:测试一些可以白嫖的视频存储服务用的,但是还是没测试成功。后面才修改为调用bilibili

      6个月前重庆市回复
      1. @胡家小子

        自建 cdn 还需要费用,我觉得调用没有广告的 bilibili 很不错了,虽然他们会限制插入 iframe 的视频清晰度。还是羡慕国外的 ytb 免费提供给大家 api 使用并嵌入到自己的网站。国内的视频网站就不会这么做。

        6个月前辽宁省阜新市回复
        1. @风记星辰

          就是的呢,找了一圈什么云盘啊、各类视频平台,就只有bilibili、西瓜好一点。

          6个月前重庆市回复
    2. @风记星辰

      链接放在了评论信息处的网址,评论内容竟然不能输入链接

      6个月前辽宁省阜新市回复
  2. 这就是html5的播放器,你还可以尝试插入字幕

    7个月前广东省深圳市回复
    1. @沉舟侧畔

      嗯哪嗯哪,还在研究

      7个月前重庆市回复
  3. 真卡啊,那个iu的视频

    7个月前湖北省襄阳市回复
    1. @小赵同学

      4K视频...真不好玩

      7个月前重庆市回复