Question

我想创建一个专门用于移动设备的视频按钮。所以在我的页面上应该只有一个＆＃34; play＆＃34;按钮，没有别的（没有视频窗口）。如果我点击＆＃34;播放＆＃34;按钮，视频应自动在我的移动设备中全屏启动。如果我关闭此窗口或视频已完成，则视频应再次消失。

我正在尝试使用以下代码实现此目的，但视频并不想隐藏：

＆＃13;

var myVideo = document.getElementById("video1");

$(document).ready(function(){
myVideo.hide();
});

function playPause() {
    if (myVideo.paused)
        myVideo.play();
        myVideo.show();
    else
        myVideo.pause();
        myVideo.hide();
}

＆＃13;

<div style="text-align:center">
  <button onclick="playPause()">Play</button>
 
  <br><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">
    Your browser does not support HTML5 video.
  </video>
</div>

＆＃13;

Answer 1

drilldown_level

你忘记了if和else的括号。如果你加载jquery它应该工作！

如何才能为移动设备制作html 5视频播放按钮？

1 个答案: