·您当前的位置:主页 > 技术教程 > Html5技术 >

[html5]iphone打开视频禁用全屏iPhone视频禁全屏

时间:2016-02-17 09:29酷播
有任何方法禁用于iPhone Safari播放视频全屏。当然,我已经试过“WebKit playsinline属性,但这只会在你自己的应用程序的工作。

有任何方法禁用于iPhone Safari播放视频全屏。当然,我已经试过“WebKit playsinline属性,但这只会在你自己的应用程序的工作。

看到:

<video class="" poster="" webkit-playsinline>     <source src="" type="video/ogg" preload="auto">     <source src="" type="video/mp4" preload="auto">                 </video>

我也想把视频在画布上,但它看起来视频作为一个画布drawimage()方法源不支持iOS。

是否有任何其他方式或替代技术,可以用吗?还是我真的浪费的最后几天,我的时间

  1.  <div id="video-player"> 
  2.      <video src="http://movies.apple.com/media/us/html5/showcase/2011/demos/apple-html5-demo-tron-us_848x352.m4v"></video> 
  3.      <p><a href="javascript:playPause();">Play/Pause</a></p> 
  4. </div> 
  5.  
  6. <script type="text/javascript"> 
  7.      // intercept and cancel requests for the context menu 
  8.      var myVideo = document.querySelector('video'); 
  9.      myVideo.addEventListener("contextmenu", function (e) { e.preventDefault(); e.stopPropagation(); }, false); 
  10.  
  11.      // hide the controls if they're visible 
  12.      if (myVideo.hasAttribute("controls")) { 
  13.          myVideo.removeAttribute("controls")    
  14.      } 
  15.  
  16.      // play/pause functionality 
  17.      function playPause() { 
  18.          if (myVideo.paused) 
  19.              myVideo.play(); 
  20.          else 
  21.              myVideo.pause(); 
  22.       } 
  23.  
  24.  
  25.  </script> 

提示:本实例并不完美,仍有问题。详见苹果官方

http://developer.apple.com/library/ios/documentation/uikit/reference/UIWebView_Class/Reference/Reference.html

热门文章

请稍候...
  • 锁定云视频大聚惠
  • 相约直播超值狂欢
保利威视云直播
保利威视云视频
微信付费直播
酷播云免费在线视频整体解决方案
酷播v4.0网页播放器