HTML页面中如何插入自适应视频

雨梦
2023-03-02 / 1 评论 / 14 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2023年03月02日,已超过21天没有更新,若内容或图片失效,请留言反馈。

想要浏览器窗口有多大,视频就显示多大,其实很简单
来看示例:

第二种:

具体代码如下:

方案一:

<div class="videoContent">
        <video class="videoElement" src="http://pic.ygmgo.cn/view.php/8c58c018e6798ceda377f89f1d9565f8.mp4" controls
            preload="auto" width="100%" height="100%"></video>
    </div>

方案二:

<video width="100%" height="100%" autoplay src="http://pic.ygmgo.cn/view.php/8c58c018e6798ceda377f89f1d9565f8.mp4"></video>

方案二就是示例的第一个,存在视频自动播放后,无法重新播放的问题
毕竟HTML为本人自学,如果有什么错误请及时纠正

2

评论 (1)

取消
  1. 头像
    泸州下小雨
    Windows X64 · QQ Browser

    补充一点,src后面填写自己的视频链接表情

    回复