Встраивание видео с YouTube - отображение отсутствует - PullRequest
Новая
       33

Встраивание видео с YouTube - отображение отсутствует

2 голосов
/ 25 февраля 2011

Я работаю с этой страницей здесь: http://www.kineticoriginsofrhythm.com/

, и я не могу показать видео.Я думаю, что пропускаю шаг.

Видео появляется здесь, но не на индексной заставке JS.http://www.kineticoriginsofrhythm.com/splash.asp

Я использую эту технику: http://jsfiddle.net/JjvzT/

Кто-нибудь знает?

Большое спасибо, Джеймс

Ответы [ 3 ]

2 голосов
/ 25 февраля 2011

Я предполагаю, что у вас есть какое-то видео на странице "заставки"?

Я просмотрел ваш код, и в ваш HTML-код встроено ноль видео. Все, что я вижу, это: <div id="video"></div>.

YouTube сгенерирует нужный вам код. Вам просто нужно скопировать / вставить код встраивания, который они генерируют для вас в этом месте.

Короче говоря, у вас нет видео на вашем сайте, потому что на вашем сайте нет видео. Если вы работаете с какой-либо формой веб-сайта, куда вы вставляете HTML-код, возможно, этот инструмент удаляет ваш код.

Вот дополнительная помощь.

Ваш всплеск HTML: 

<div id="splash" class="videosplash">
    <div id="homeButton"><a href="index.asp">Kinetic Origins of Rhythm Home Page</a></div>
    <div id="video"></div>
    <div class="clearfix"></div>
    <span><div id="enter"><a href="#">Enter KOR</a></div></span>
</div>

В вашем аккаунте YouTube есть только одно видео, поэтому я предполагаю, что вы хотите, чтобы это видео было связано. Перейдите на страницу этого видео и нажмите на ссылку для встраивания, чтобы получить код для встраивания. Вот для простоты: 

<iframe title="YouTube video player" width="853" height="510" src="http://www.youtube.com/embed/H53rvFBqToA?rel=0" frameborder="0" allowfullscreen</iframe>

Возможно, вы можете поиграть с атрибутами "width" и "height" в теге iframe, чтобы они соответствовали тому, как вы хотите на своей странице. Но вы, в сущности, хотите скопировать / вставить этот код iframe в ваш тег div с идентификатором video.

Ура!

0 голосов
/ 25 февраля 2011

Вам не хватает вашего идентификатора видео по вашей ссылке.Вы только что указали ссылку на свой канал и не указали идентификатор.Ваша ссылка должна выглядеть примерно так:

http://www.youtube.com/v/ZcEP3zVdYiM

Вот как я ее реализую: 

<object width="534" height="318">
    <param name="WMode" value="transparent"></param>
    <param name="movie" value="http://www.youtube.com/v/ZcEP3zVdYiM"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/ZcEP3zVdYiM&hl=en_GB&fs=1&" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="534" height="318"></embed>
</object>

Вы можете буквально скопировать и вставить вышеуказанный код на свой сайти все, что вам нужно сделать, это изменить ссылки на видео.И ширина / высота, если они не одинакового размера: о)

0 голосов
/ 25 февраля 2011

Не знаю, как вы пытаетесь это загрузить, но я всегда пытаюсь реализовать видео на YouTube с помощью swfobject .Кажется, чтобы исправить ошибки кросс-совместимости / и т.д.

...