Question

我正在开发一个JS / HTML5应用程序，它必须在屏幕的两个不同位置显示相同的视频。

我可以使用我想要的任何网络浏览器 - 目前我使用的是Chrome。

是否可以在屏幕的两个不同位置显示相同的视频，或者我是否需要设置两个不同的流媒体会话并注意保持它们同步？

Answer 1

是的，您可以在同一页面中为两个视频播放器使用相同的视频src

<video width="320" height="240"  controls="controls" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
<video width="320" height="240" controls="controls" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

对于视频播放器选项，以下是网址

http://www.w3schools.com/tags/tag_video.asp

您可以测试示例

http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_autoplay

<强> HTML

<!DOCTYPE html>
<html>
<body>

<video width="320" height="240"  controls="controls" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
<video width="320" height="240" controls="controls" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>
</body>
</html>

替换w3schools Tryit Editor中的html

是否可以在两个不同的地方显示一个视频？

1 个答案: