如何避免视频跳转到使用html 5设计的网页中的新位置?

发布于 2024-10-17 16:46:57 字数 597 浏览 4 评论 0原文

我已将硬盘中的视频(使用 html 5)包含到 html 文件(称为 Empty.html)中。我将此文件(Empty.html)加载到另一个 html 文件的框架中。但是,当我单击浏览器(chrome)中的播放按钮时,视频会跳转到浏览器中的新位置(chrome 的最左侧)并播放。

我附上下面的屏幕截图。有人可以帮我解决这个问题吗?

下面的代码是我用来插入视频的代码

<video poster="images/vlcsnap-00001.jpg" height="240" width="320"  draggable="false" 
controls="controls">
<source type="video/mp4" src="videos/How nuclear energy works(360p_H.264-AAC).mp4"/>
</video>

在浏览器中单击播放按钮之前

点击浏览器中的播放按钮后

I have included a video (using html 5) from my hard disk into a html file (called Empty.html). I load this file(Empty.html) into a frame of another html file. But, when i click the play button in the browser(chrome) the video jumps to a new location(leftmost of chrome) within the browser and plays.

I am attaching the screenshots below. Can someone please help me resolve this issue ?

The code below is the one used by me for inserting the video

<video poster="images/vlcsnap-00001.jpg" height="240" width="320"  draggable="false" 
controls="controls">
<source type="video/mp4" src="videos/How nuclear energy works(360p_H.264-AAC).mp4"/>
</video>

Before clicking the play button in the browser

After clicking the play button in the browser

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

你的往事 2024-10-24 16:46:57

这似乎是 Chrome 中的一个错误。我建议向 Chromium 项目报告错误,包括最小样本演示问题的文件(或多个文件)。

This appears to be a bug in Chrome. I would recommend reporting a bug to the Chromium project, including a minimal sample file (or files) that demonstrate the problem.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文