搜尋

首頁  >  問答  >  主體

html5 - 如何让H5 video标签在移动端,不默认全屏播放。

如何让H5 video标签在移动端,不默认全屏播放。

参考美拍,优酷,微视等移动端H5页面。他们皆可不全屏播放video。

!!!不要跟我说

可以在 video 标签上加一个 “webkit-playsinline” 属性

很明显这是不可以实现的,不管是Ios还是安卓都一样还是照旧全屏播放

求大神,求大牛解答

巴扎黑巴扎黑2848 天前930

全部回覆(3)我來回復

  • 阿神

    阿神2017-04-17 12:08:22

    補充這個問題的原因:
    各個手機瀏覽的VIDEO的操作不同。
    iphone 除非本身頁是APP內歉頁,配合APP本身對H5 webview的操作,可以實現影片播放不全螢幕

    andriod 6.0以上開始。小米手機等,就開始預設video標籤。不會預設全螢幕播放。

    所以在這裡點出來。

    另外謝謝2位的回答

    回覆
    0
  • 黄舟

    黄舟2017-04-17 12:08:22

    x-webkit-airplay="true"
    webkit-playsinline="true"
    這樣寫,試試看!

    回覆
    0
  • PHP中文网

    PHP中文网2017-04-17 12:08:22

    webkit-playsinline="true"必須配合應用內部的API來使用,單獨使用沒有意義。 http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser

    回覆
    0
  • 取消回覆