如何移除iframe中视频控制栏并添加循环播放功能？

首先，你当前用iframe直接嵌入MP4文件的方式，本质是让浏览器调用默认媒体播放器渲染视频，这种情况下很难通过iframe参数直接控制视频的控制栏显示和循环功能——因为iframe里的内容是浏览器自带的播放页面，并非可自定义的HTML元素。

更稳妥的方案是直接使用HTML5的<video>标签替代iframe，这样就能完全掌控视频的各项播放属性。下面是修改后的完整代码：

<html>
<head>
    <title>Answer please</title>
</head>
<body>
    <div class="myIframe">
        <video 
            src="https://s3.ap-south-1.amazonaws.com/gpsassests/images/images/web_video23042018_722pm.mp4"
            width="1900px"
            height="900px"
            id="vid"
            autoplay
            muted
            loop
            playsinline
            controls="false"
        ></video>
    </div>
</body>
</html>

给你拆解下关键属性的作用：

• autoplay：保留你原本的自动播放功能
• muted：现代浏览器大多要求视频静音才能触发自动播放（你当前自动播放正常，但加上这个能避免后续浏览器更新导致失效）
• loop：实现视频循环播放的核心属性
• controls="false"：隐藏视频的控制栏（也可以直接省略controls属性，因为默认是显示，不写就不会加载控制栏）
• playsinline：确保在移动端也能内联播放，不会强制全屏

另外还帮你修正了原代码里的小错误：把</bod>改成了正确的</body>闭合标签。

如果因为特殊需求必须使用iframe（但你是直接链接MP4文件，完全没必要），那实际上没有可靠的方式控制默认播放器的控制栏——不同浏览器的默认播放页面实现逻辑不同，没有统一参数可以调整。所以优先推荐用<video>标签的方案。

内容的提问来源于stack exchange，提问作者waseem khan