Видео-файл не работает должным образом в медиа-проигрывателе HTML

У меня есть несколько видео файлов формата avi,mp4,flv. Я пытаюсь запустить их на своей HTML-странице. Я использовал видео тег. Но при использовании видео-тега работает только файл mp4, и все элементы управления (запуск, пауза, громкость) видны. Я снова пытаюсь интегрировать с помощью тега вставки. Но там видео запускаются, но автоматически, и никакие элементы управления, такие как запуск, остановка, пауза, громкость, не видны. Мой код выглядит так: По тегу видео:

<video width="200" height="100" controls>
 <source src="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi">
</video>

(это не работает вообще)

<video width="200" height="100" controls>
 <source src="http://localhost/hk_v2/superadmin/gallery/video/test.mp4">
</video>

(это работает правильно со всеми элементами управления)

По тегу вставки

<object id="MediaPlayer1" CLASSID="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"

standby="Loading Microsoft Windows® Media Player components..." type="application/x-oleobject" width="890" height="500">
<param name="fileName" value="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi">
<param name="animationatStart" value="true">
<param name="transparentatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="false">
<param name="Volume" value="-450">
<embed type="application/x-mplayer2" 
pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" src="http://localhost/hk_v2/superadmin/gallery/video/Fiza-2.avi" 
name="MediaPlayer1" width=890 height=500 autostart=1 showcontrols=0 volume=-450>
</object>

(работает, но запускается автоматически и не контролирует видео).

Пожалуйста, помогите мне, как решить эту проблему. Заранее спасибо.

Источник

3 ответа

Решение

Попробуйте HTML-плагин для загрузки файлов для этого нажмите здесь
Шаг 1: распакуйте его в папку. Например, имя папки "html5plug".
шаг 2: включите это в свой HTML

<link href="video-js/video-js.css" rel="stylesheet">
<script src="video-js/video.js"></script>

Примечание: вы должны создать свой HTML в папке "html5plug", или вы сами установили src

Шаг 3. Добавьте тег HTML5 на свою страницу.

нажмите здесь, чтобы проверить демо на jsfiddle

Примечание: вы также должны проверить ссылки на видео.

Источник

Вам нужно установить параметры на правильные значения. С 3-м вариантом измените эти значения:

<param name="autoStart" value="false">
<param name="showControls" value="true">
Источник

Во -первых, вы можете попробовать classid наподобие classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"

тогда мы можем контролировать видео с помощью JavaScript, как показано ниже:

var wmp = $('object')[0];
wmp.controls.play()                   //play
wmp.controls.stop()                   //stop
wmp.controls.pause()                 //pause
Источник
Другие вопросы по тегам