Foundation 5 - Orbit - HTML5 video does not start -


I am trying to add a short looping video to an orbit slider, but the video does not actually start It has been found that if I remove "data-class" then the video is as expected and the loop is expected, but I know that the data-class is necessary to start the slider. What can I do to actually play a video?

  & lt; ul class = "example-orbit-content" data-class data-option = "timer_speed: 5000; pause_on_hover: true; resume_on_mouseout: true; navigation_ arrow: true; slide_number: wrong; variable_height: wrong; next_on_click: true; swipe: Wrong; "& gt; & Lt; Li & gt; & Lt; Video Autoplay Loop Poster = "Resource / Cover. JPGG" id = "bgvid" & gt; & Lt; Source src = "resources / corn.webm" type = "video / webm" & gt; & Lt; Source src = "resources / corn.mp4" type = "video / mp34" & gt; & Lt; / Video & gt; & Lt; / li & gt; & Lt; Li data-class-slide = "headline-1" & gt; & Lt; Img src = "img / dallas.jpg" /> & Lt; / li & gt; & Lt; li data-class-slide = "headline-2" & gt; & Lt; img src = "img / casey.jpg" /> & Lt; / li & gt; & Lt; li data-class-slide = "headline-3" & gt; & Lt; img src = "img / jared.jpg" /> & Lt; / li & gt; & Lt; / Ul & gt;    

It looks like how to run the slider in the form of a slider. I

  & lt; Script & gt; Having succeeded in solving this problem by putting $ ('# bgvid') Get (0) .play (); & Lt; / Script & gt;   

after

  & lt; Script & gt; $ (Document). Foundation (); & Lt; / Script & gt;   

In the outline.

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -