javascript - 如何播放 Html 格式的视频

标签 javascript html video

我在网站上播放视频时遇到问题。首先,我在本地使用了下面的代码,这些代码可以工作。但是,当我公开此页面时,视频无法播放并给出“没有支持格式或 mime 类型的视频”此错误。我在 Windows 中使用 IIS 服务器。此页面在 ASP.NET 网站下运行。 这是html代码:

<div style="text-align:center"> 
  <button onclick="playPause()">Play/Pause</button> 
  <button onclick="makeBig()">Big</button>
  <button onclick="makeSmall()">Small</button>
  <button onclick="makeNormal()">Normal</button>
  <br> 
<video width="640" height="360"   controls="controls">
    <source src="files/Just.mp4" type="video/mp4" />

    <object width="640" height="375" type="video/quicktime" data="files/Just.mp4"><!--<![endif]-->
    <param name="src" value="files/Just.mp4" />
    
    <param name="autoplay" value="true" />
    <param name="showlogo" value="false" />
    <!--[if gt IE 6]><!-->
    </object><!--<![endif]-->
</video>
</div> 

<script>
    var myVideo = document.getElementById("video1");

    function playPause() {
        if (myVideo.paused)
            myVideo.play();
        else
            myVideo.pause();
    }

    function makeBig() {
        myVideo.width = 560;
    }

    function makeSmall() {
        myVideo.width = 320;
    }

    function makeNormal() {
        myVideo.width = 420;
    }
</script> 

最佳答案

您没有 video1 的 ID。将其放在视频标签之后,然后它应该可以工作

<!DOCTYPE html>
<html>

<body>

  <div style="text-align:center">
    <button onclick="playPause()">Play/Pause</button>
    <button onclick="makeBig()">Big</button>
    <button onclick="makeSmall()">Small</button>
    <button onclick="makeNormal()">Normal</button>
    <br>
    <video id="video1" width="420">
      <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
        <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
          <param name="autoplay" value="true" />
          <param name="showlogo" value="false" / Your browser does not support HTML5 video. </video>
  </div>

  <script>
    var myVideo = document.getElementById("video1");

    function playPause() {
      if (myVideo.paused)
        myVideo.play();
      else
        myVideo.pause();
    }

    function makeBig() {
      myVideo.width = 560;
    }

    function makeSmall() {
      myVideo.width = 320;
    }

    function makeNormal() {
      myVideo.width = 420;
    }
  </script>

</body>

</html>

关于javascript - 如何播放 Html 格式的视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28189400/

相关文章:

javascript - 如何停止在同一对象上触发 'tap' 事件

javascript - 如何在deferred.then中的ajax之后提交表单

css - 绝对div不随页面滚动

macos - 从 AVPlayerItemVideoOutput 到 openGL 纹理的最佳路径

video - ffmpeg 缩放不适用于视频

javascript - Angular ng-repeat 和表单性能

javascript - React 无法识别函数

php - 在文本框中显示字段的实际值

html - 在 IE11 中包装 flex 项目被破坏

ios - 是否可以使用 UIButton 在 iOS 应用程序中嵌入 Vimeo 视频?