Как изменить источник видео с помощью ссылки - HTML

Я пытаюсь изменить источник видео при выборе ссылки. Поэтому, когда ссылка выбрана на странице, она изменит служебные данные видео на источник другого видео, вроде как список воспроизведения. Это код для моего HTMLКак изменить источник видео с помощью ссылки - HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/ DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Videos</title> 
<link rel="stylesheet" href="VideosPage.css"> 


<script src="jquery-1.7.2.min.js" type="text/javascript"> </script> 
<script type="text/javascript"> 

</script> 

<video id="first_video" width="800" height="450" controls="controls" style="margin-left:380px; padding:10px; border:1px solid black;"> 

<source src="video.mp4" type="video.mp4" /> 

</video> 

<br /> 


    <a> Other Video </a>

источник

2012-05-18 Elmir Kouliev

Отъезд HTML стандарт: http://www.whatwg.org/specs/web-apps/current-work/#video.

Существует несколько решений, которые вы можете использовать. Один загружается следующий видео последовательно, как список воспроизведения:

<script type="text/javascript"> 
var nextVideo = "path/of/next/video.mp4"; 
var videoPlayer = document.getElementById('video'); 
videoPlayer.onend = function(){ 
    videoPlayer.src = nextVideo; 
} 
</script> 
<video id="videoPlayer" src="path/of/current/video.mp4" autoplay autobuffer controls />

Затем, что делает ссылку, чтобы изменить это было бы так просто, как (например):

$("a.change_link").click(function(){ 
    videoPlayer.src = nextVideo; 
});

источник

2012-05-18 01:38:48 element119

Я очень новичок в javascript, поэтому мое понимание кода очень расплывчато. Если бы я хотел реализовать этот код в своем html и работать с моим собственным html, как бы я это сделал? –

Я обновил свой код. В основном измените пути к реальному местоположению ваших видео. – element119

Затем я просто добавляю ссылку, чтобы изменить источник, и эта ссылка принимает идентификатор «change_link», или как ссылка привязывается к javascript. –

в <source src="video.mp4" type="video.mp4" /> тип линии =» video.mp4 "неправильно, вы не можете разместить этот тип значения здесь

вот какой пример типа: video/mp3, video/ogg, video/wbem.

источник

2012-05-18 01:41:06

Чтобы достичь того, о чем вы просите, если вы вставляете путь видео в качестве ссылки на ссылку, вы можете ссылаться на нее и вставлять ее в src видео с помощью простого jquery.

jsfiddle

Модифицированный HTML:

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Videos</title> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<link rel="stylesheet" href="VideosPage.css"> 
<script src="jquery-1.7.2.min.js" type="text/javascript"> </script> 
<script type="text/javascript"> 

</script> 
<video id="first_video" width="800" height="450" controls="controls" style="margin-left:380px; padding:10px; border:1px solid black;"> 
<source src="video.mp4" type="video/mp3" /> 
</video> 
<br /> 
<a alt="video2.mp4" id="other"> Other Video </a>

Некоторые JQuery:

$('#other').click(function() { 
$('#first_video').children('source').attr('src',$(this).attr('alt')) 
});

источник

2012-05-18 01:43:20

Как изменить источник видео с помощью ссылки - HTML

ответ

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