Html code for floating video or audio file

  • pumares

    (@pumares)


    10 years ago

    Hi all- I′d be very grateful if you could help me!

    I′m running an English teaching blog. An important part are listening exercises. They have to listen to an audio file or watch a video and answer questions. I would never be able to fit it all on one screen, and at the moment they have to keep scrolling up and down to pause and then answer.

    The answer would be to add html or CSS code to enable the audio or video to float down the page as the student answers the questions.

    I’ve had a look at different forums, but I haven’t found this. Does anybody know the code?

    Thanks in advance

Viewing 6 replies - 1 through 6 (of 6 total)
  • jack randall

    (@theotherlebowski)

    just have them open in a new tab and teach your students a keyboard shortcut for their browser to allow them to switch between the two?

    Pioneer Web Design

    (@swansonphotos)

    What if you use an iframe for the questions and answers. It could be placed above or below the video embed (or to side even).

    <embed><===video here=====></embed>
<iframe><===QNA here=====></iframe>

    You can control the iframe height (make it 200px or 300px maybe) and width (width of the container it is in). See:
    https://www.w3schools.com/tags/tag_iframe.asp

    Thread Starter pumares

    (@pumares)

    Thanks to you both!

    First to you, Jack. I should have said ‘visitors’ and not ‘students’ as they are not my personal students but visitors to my blog. I’ll work on this idea if I can’t use my original.

    And for the second reply- I had a look at the page and it was very interesting. I wrote this code just below the video embed, but nothing came up:
    <iframe src=”https://profesornativogratis.com/aubade-gap-fill/&#8221; width=”420″ height=”700″ align=”bottom” scrolling=”yes” seamless=””></iframe>

    I don’t see how this connects to the code you gave me. The page included has the questions.

    The page is the following: https://profesornativogratis.com/aubade-a-poem-by-philip-larkin/

    Thread Starter pumares

    (@pumares)

    I should add that I have no idea about html, and that I started website-building less than 3 months ago, so I′m pretty green!

    Pioneer Web Design

    (@swansonphotos)

    An iframe just ‘frames’ another page within another page. Any Youtube video embed and all of Facebook’s use an iframe. Please link me to two items. The actual video URL and just a page that contains only the QNA. I will create a HTML example from them.

    Thread Starter pumares

    (@pumares)

    Thanks again!

    The page is:
    https://profesornativogratis.com/aubade-a-poem-by-philip-larkin/

    …..with a youtube video embed:
    <iframe src=”//www.youtube.com/embed/7yRyT4r7RIU” width=”420″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”><iframe>

    …..the questions are in a quiz plugin that I have put in this page, which would be the iframe:
    https://profesornativogratis.com/aubade-gap-fill/

    I have also put the same quiz plugin reference in the main page, meanwhile, until I get this sorted out.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Html code for floating video or audio file’ is closed to new replies.