2017-01-03 6 views
2

Я использую html5 видео тег для воспроизведения сторонних видео m4v (например, https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v). Это не играет в хром и сафари, а при использовании местных m4v-видео он отлично работает. Но в обоих случаях он успешно работает в firefox. Я думаю, что проблема связана с сторонним m4v-видео. Пожалуйста, дайте свои идеи. Ниже мой кодm4v видео не работает в chrome

<video width="320" height="240" controls autoplay><source src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" type="video/mp4"> 

+0

ваш самый большой вызов с HTML5 видео будет готовить и включения вашего контента в различных кодеков. В настоящее время каждый браузер имеет свой предпочтительный формат видео. И похоже, что переломанная реализация видео HTML5 ухудшится, пока не станет лучше. Посмотрите [здесь] (https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox). –

+0

Да, Ashish, я получил вашу мысль. Есть ли общее решение? так что я могу предложить своим клиентам загрузить определенный формат. –

+0

Если вы запрашиваете конкретный формат, чем я предлагаю mp4. Но если вы не являетесь конкретным форматом, чем можете пойти на это решение. –

ответ

0

Как насчет этого?

<video width="320" height="240" controls="controls" preload="none"> 
    <!-- MP4 for Safari, IE9, iPhone, Android and Others --> 
    <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.mp4" /> 

    <!-- WebM/VP8 for Firefox4, Opera, and Chrome --> 
    <source type="video/webm" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.webm" /> 

    <!-- M4V for Apple --> 
    <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" /> 

    <!-- Ogg/Vorbis for older Firefox and Opera versions --> 
    <source type="video/ogg" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.ogv" /> 

    <!-- Flash fallback for non-HTML5 browsers without JavaScript --> 
    <object width="100%" height="400" type="application/x-shockwave-flash" data="flashmediaelement.swf"> 
     <param name="movie" value="flashmediaelement.swf" /> 
     <param name="flashvars" value="controls=true&file=https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.mp4" /> 
    </object> 
</video> 

Также следует обратиться к mark4o's answer. Он объясняет, что Apple начала использовать свой собственный тип медиа, video/x-m4v, для видео из своего магазина, которые находятся в контейнере mp4 и используют расширение .m4v. По умолчанию установлено видео в iTunes. Иногда это необходимо, потому что видео использует DRM, AC-3 Dolby Digital аудио или другие возможности, которые обычно не поддерживаются в контейнере mp4, но которые поддерживаются iTunes для файлов с расширением .m4v. Если вы полагаетесь на такие возможности, вы можете использовать этот тип носителя вместо стандартного.

Как this article говорит:

Держите следующие исправления в виде, если у вас возникли проблемы с внедрением на вашем сайте:

  • версия MP4 видео должна быть в список первого из-за ошибками в iPad. В этом случае вы можете сделать так:

    <video width="320" height="240" controls="controls" preload="none"> 
    <!-- M4V for Apple --> 
    <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" /> 
    
         //remaining code 
        </video> 
    
+0

Это не работает –

Смежные вопросы