视频嵌入测试

•日常•450 阅•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 可实现一块区域在窗口尺寸变化使始终保持自适应。对于响应式布局中的图片或视频来说尤为好用。

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

    1年前•辽宁省阜新市•回复
    1. 胡家小子
      @风记星辰

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

      1年前•重庆市•回复
      1. 风记星辰
        @胡家小子

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

        1年前•辽宁省阜新市•回复
        1. 胡家小子
          @风记星辰

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

          1年前•重庆市•回复
    2. 风记星辰
      @风记星辰

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

      1年前•辽宁省阜新市•回复
  2. 沉舟侧畔

    这就是html5的播放器，你还可以尝试插入字幕

    1年前•广东省深圳市•回复
    1. 胡家小子
      @沉舟侧畔

      嗯哪嗯哪，还在研究

      1年前•重庆市•回复
  3. 小赵同学

    真卡啊，那个iu的视频

    1年前•湖北省襄阳市•回复
    1. 胡家小子
      @小赵同学

      4K视频...真不好玩

      1年前•重庆市•回复
yoshino1.png