iPhone播放嵌入式视频全屏 [英] iPhone plays embedded video fullscreen

问题描述

我创建了一个包含带有此代码的视频的小型网站：

i created a small website that includes a video with this code:

    <video autoplay="autoplay">
        <source src="inc/WEB_MASTER.mp4" type="video/mp4">
        <source src="inc/WEB_MASTER_ios.m4v" type="video/mp4">
        Your browser does not support the video tag.
    </video>

当我通过iPhone加载页面时，视频开始播放，但它不会播放网站的一部分，而不是iPhone全屏播放视频。我如何强制iphone在网站上的相应区域播放视频？

When i load the page via my iPhone the video starts playing, but it does not play it in the part of the website, instead the iphone plays the video in fullscreen. How can i force the iphone to play the video in the respective area on the website?

谢谢。

推荐答案

iPhone和iPod似乎是唯一在Safari（以及使用其未经修改的WebView的应用程序中）强制全屏视频播放的设备/浏览器

The iPhone and iPod seem just about the only devices/browsers that force fullscreen video playback in Safari (and in apps that make use of its unmodified WebView)

您可以通过略读视频模拟播放来解决此问题，而不是实际 .play <） 。

You can work around this issue by simulating the playback by skimming the video instead of actually .play()'ing it.

我写了一个模块，负责播放视频内联并将其与音频同步（但它也适用于没有视频的视频音轨）： iphone-inline-video

I wrote a module that takes care of playing the video inline and synchronizing it to the audio (but it also works on videos without a sound track): iphone-inline-video

这篇关于iPhone播放嵌入式视频全屏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！