谷歌浏览器
新闻详情

如何在Chrome浏览器中播放HTML5视频?

发表时间:2023-10-27 22:11

HTML5视频是一种在网页上显示视频的标准方法,它不需要任何插件或外部应用程序。

HTML5视频支持多种视频格式,比如MP4, WebM, 和 Ogg1。


要在Chrome浏览器中播放HTML5视频,你只需要使用<video>标签来包含视频文件,然后设置一些属性和控件

,比如宽度、高度、音量、播放、暂停等12。

例如,下面的代码会显示一个带有控件的320x240像素的MP4视频:


HTML


<video width="320" height="240" controls>

  <source src="movie.mp4" type="video/mp4">

  您的浏览器不支持video标签。

</video>

AI 生成的代码。仔细查看和使用。 有关常见问题解答的详细信息.

你也可以使用JavaScript来控制HTML5视频的方法、属性和事件,比如播放、暂停、时长、进度等2。例如,下面的代码会创建一个简单的播放/暂停按钮:


HTML


<video id="myVideo" width="320" height="240">

  <source src="movie.mp4" type="video/mp4">

  您的浏览器不支持video标签。

</video>


<button id="myButton" onclick="playPause()">播放/暂停</button>


<script>

  var myVideo = document.getElementById("myVideo");

  var myButton = document.getElementById("myButton");


  function playPause() {

    if (myVideo.paused) {

      myVideo.play();

      myButton.innerHTML = "暂停";

    } else {

      myVideo.pause();

      myButton.innerHTML = "播放";

    }

  }

</script>