ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 で現在のオーディオまたはビデオの再生を開始する方法

HTML5 で現在のオーディオまたはビデオの再生を開始する方法

黄舟
リリース: 2017-11-07 14:05:28
オリジナル
2819 人が閲覧しました

再生ボタンと一時停止ボタンのあるビデオ:

var myVideo=document.getElementById("video1");
function playVid()
  {  myVideo.play();
  }
function pauseVid()
  {
  myVideo.pause();
  }
ログイン後にコピー

定義と使用法

play() メソッドは、現在の オーディオ またはビデオの再生を開始します。

ブラウザのサポート

すべての主要なブラウザは play() メソッドをサポートしています。

注: この方法は Internet Explorer 8 以前ではサポートされていません。

構文

audio|video.play()
ログイン後にコピー

コード例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>视频播放</title>
</head>
<body>
<script>
      window.onload =function(){
          var ov=document.getElementById("a1");
          ov.onmouseover=function() {
               this.play();
          }
          ov.onmouseout =function() {
                this.pause();
          }

      };

</script>

<video  id="a1"  src="陈奕迅 - 陪你度过漫长岁月.mp4"  controls   loop width="400"  height="400">你的浏览器不支持</video>
</body>
</html>
ログイン後にコピー

以上がHTML5 で現在のオーディオまたはビデオの再生を開始する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート