html element


Author
Message
scollin
scollin
Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)
Group: Forum Members
Posts: 9, Visits: 35
Hi,

I've used html to embed videos in my experiment that I have uploaded on youtube.
The embedded links when directly entered into the browser (firefox, internet explorer) work fine. Within inquisit it also works fine on a mac, but I'm encountering problems on windows (on some windows laptops it only shows a black box rather than the video). Also, there seem to be a difference between windows 10 and windows 7, since it did work on someone's windows 7 laptop.

Is there a difference for html on mac vs windows?

For example, when implemented like this:

<block block>
/ trials = [1-5=learning]
</block>

<item learning>
/1= "https://www.youtube.com/embed/l0cY50AMoTw?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/2= "https://www.youtube.com/embed/oSFTuhIHd5g?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/3= "https://www.youtube.com/embed/xTQnyhwUiBI?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/4= "https://www.youtube.com/embed/jv234UEBDBg?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/5= "https://www.youtube.com/embed/t6kXeJYKLFY?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
</item>

<html learning>
/ items = learning
/ select = sequence
/ size = (50%,50%)
/ showborders = false
/ showscrollbars = false
</html>

<text fixation>
/ items = ("+")
/ color = (0,0,0)
/ txbgcolor = (175,175,175)
/ fontstyle = ("Arial", 15pt)
</text>

<trial learning>
/ stimulustimes = [1=fixation; 1000=learning]
/ validresponse = (anyresponse)
/ recorddata = true
</trial>

<expt>
/ blocks = [1=block]
</expt>


Dave
Dave
Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)
Group: Administrators
Posts: 12K, Visits: 98K
scollin - Monday, July 2, 2018
Hi,

I've used html to embed videos in my experiment that I have uploaded on youtube.
The embedded links when directly entered into the browser (firefox, internet explorer) work fine. Within inquisit it also works fine on a mac, but I'm encountering problems on windows (on some windows laptops it only shows a black box rather than the video). Also, there seem to be a difference between windows 10 and windows 7, since it did work on someone's windows 7 laptop.

Is there a difference for html on mac vs windows?

For example, when implemented like this:

<block block>
/ trials = [1-5=learning]
</block>

<item learning>
/1= "https://www.youtube.com/embed/l0cY50AMoTw?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/2= "https://www.youtube.com/embed/oSFTuhIHd5g?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/3= "https://www.youtube.com/embed/xTQnyhwUiBI?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/4= "https://www.youtube.com/embed/jv234UEBDBg?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/5= "https://www.youtube.com/embed/t6kXeJYKLFY?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
</item>

<html learning>
/ items = learning
/ select = sequence
/ size = (50%,50%)
/ showborders = false
/ showscrollbars = false
</html>

<text fixation>
/ items = ("+")
/ color = (0,0,0)
/ txbgcolor = (175,175,175)
/ fontstyle = ("Arial", 15pt)
</text>

<trial learning>
/ stimulustimes = [1=fixation; 1000=learning]
/ validresponse = (anyresponse)
/ recorddata = true
</trial>

<expt>
/ blocks = [1=block]
</expt>


Yes, there are differences between OSX and Windows in how HTML is handled. Essentially, under Windows, Inquisit embeds Internet Explorer (because it is reliably available on all Windows systems) to render HTML. When run in embedded mode like this, however, Internet Explorer enforces various restrictions that may keep embedded / interactive content such as videos from working. The way a given system is set up and what security settings the user or organization applied to Internet Explorer installations also play a role under some circumstances, i.e. content may work on one system, but not on a different one with different settings / restrictions applied.

I'm afraid there isn't a really good or universal solution here. Ideally, you'd not embed Youtube videos, but instead you'd use standard <video> elements in Inquisit to play the videos. For online use, you can set the <video> elements' /stream attributes to true, that way the won't have to be downloaded in full before the experiment launches, they'll be streamed instead at runtime.

scollin
scollin
Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)
Group: Forum Members
Posts: 9, Visits: 35
Dave - Monday, July 2, 2018
scollin - Monday, July 2, 2018
Hi,

I've used html to embed videos in my experiment that I have uploaded on youtube.
The embedded links when directly entered into the browser (firefox, internet explorer) work fine. Within inquisit it also works fine on a mac, but I'm encountering problems on windows (on some windows laptops it only shows a black box rather than the video). Also, there seem to be a difference between windows 10 and windows 7, since it did work on someone's windows 7 laptop.

Is there a difference for html on mac vs windows?

For example, when implemented like this:

<block block>
/ trials = [1-5=learning]
</block>

<item learning>
/1= "https://www.youtube.com/embed/l0cY50AMoTw?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/2= "https://www.youtube.com/embed/oSFTuhIHd5g?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/3= "https://www.youtube.com/embed/xTQnyhwUiBI?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/4= "https://www.youtube.com/embed/jv234UEBDBg?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/5= "https://www.youtube.com/embed/t6kXeJYKLFY?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
</item>

<html learning>
/ items = learning
/ select = sequence
/ size = (50%,50%)
/ showborders = false
/ showscrollbars = false
</html>

<text fixation>
/ items = ("+")
/ color = (0,0,0)
/ txbgcolor = (175,175,175)
/ fontstyle = ("Arial", 15pt)
</text>

<trial learning>
/ stimulustimes = [1=fixation; 1000=learning]
/ validresponse = (anyresponse)
/ recorddata = true
</trial>

<expt>
/ blocks = [1=block]
</expt>


Yes, there are differences between OSX and Windows in how HTML is handled. Essentially, under Windows, Inquisit embeds Internet Explorer (because it is reliably available on all Windows systems) to render HTML. When run in embedded mode like this, however, Internet Explorer enforces various restrictions that may keep embedded / interactive content such as videos from working. The way a given system is set up and what security settings the user or organization applied to Internet Explorer installations also play a role under some circumstances, i.e. content may work on one system, but not on a different one with different settings / restrictions applied.

I'm afraid there isn't a really good or universal solution here. Ideally, you'd not embed Youtube videos, but instead you'd use standard <video> elements in Inquisit to play the videos. For online use, you can set the <video> elements' /stream attributes to true, that way the won't have to be downloaded in full before the experiment launches, they'll be streamed instead at runtime.

Thanks for the fast reply! I first used the video element, but since I have to use quite a lot of videos, it runs out of memory. Therefore I've switched to embedding them as youtube videos/html. Would you expect the memory issue to be less of a problem when I use the stream element you mention? Or will that still be the same as without /stream?

Dave
Dave
Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)
Group: Administrators
Posts: 12K, Visits: 98K
scollin - Monday, July 2, 2018
Dave - Monday, July 2, 2018
scollin - Monday, July 2, 2018
Hi,

I've used html to embed videos in my experiment that I have uploaded on youtube.
The embedded links when directly entered into the browser (firefox, internet explorer) work fine. Within inquisit it also works fine on a mac, but I'm encountering problems on windows (on some windows laptops it only shows a black box rather than the video). Also, there seem to be a difference between windows 10 and windows 7, since it did work on someone's windows 7 laptop.

Is there a difference for html on mac vs windows?

For example, when implemented like this:

<block block>
/ trials = [1-5=learning]
</block>

<item learning>
/1= "https://www.youtube.com/embed/l0cY50AMoTw?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/2= "https://www.youtube.com/embed/oSFTuhIHd5g?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/3= "https://www.youtube.com/embed/xTQnyhwUiBI?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/4= "https://www.youtube.com/embed/jv234UEBDBg?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/5= "https://www.youtube.com/embed/t6kXeJYKLFY?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
</item>

<html learning>
/ items = learning
/ select = sequence
/ size = (50%,50%)
/ showborders = false
/ showscrollbars = false
</html>

<text fixation>
/ items = ("+")
/ color = (0,0,0)
/ txbgcolor = (175,175,175)
/ fontstyle = ("Arial", 15pt)
</text>

<trial learning>
/ stimulustimes = [1=fixation; 1000=learning]
/ validresponse = (anyresponse)
/ recorddata = true
</trial>

<expt>
/ blocks = [1=block]
</expt>


Yes, there are differences between OSX and Windows in how HTML is handled. Essentially, under Windows, Inquisit embeds Internet Explorer (because it is reliably available on all Windows systems) to render HTML. When run in embedded mode like this, however, Internet Explorer enforces various restrictions that may keep embedded / interactive content such as videos from working. The way a given system is set up and what security settings the user or organization applied to Internet Explorer installations also play a role under some circumstances, i.e. content may work on one system, but not on a different one with different settings / restrictions applied.

I'm afraid there isn't a really good or universal solution here. Ideally, you'd not embed Youtube videos, but instead you'd use standard <video> elements in Inquisit to play the videos. For online use, you can set the <video> elements' /stream attributes to true, that way the won't have to be downloaded in full before the experiment launches, they'll be streamed instead at runtime.

Thanks for the fast reply! I first used the video element, but since I have to use quite a lot of videos, it runs out of memory. Therefore I've switched to embedding them as youtube videos/html. Would you expect the memory issue to be less of a problem when I use the stream element you mention? Or will that still be the same as without /stream?

Things should work a little smoother memory-wise when using /stream = true, yes. If you run into problems with that, however, please let me know (and if you have the experiment online somewhere, feel free to share the link with me so I can take a direct look at the videos involved) and I'll see if I can come up with some other alternative.

scollin
scollin
Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)Partner Member (883 reputation)
Group: Forum Members
Posts: 9, Visits: 35
Dave - Monday, July 2, 2018
scollin - Monday, July 2, 2018
Dave - Monday, July 2, 2018
scollin - Monday, July 2, 2018
Hi,

I've used html to embed videos in my experiment that I have uploaded on youtube.
The embedded links when directly entered into the browser (firefox, internet explorer) work fine. Within inquisit it also works fine on a mac, but I'm encountering problems on windows (on some windows laptops it only shows a black box rather than the video). Also, there seem to be a difference between windows 10 and windows 7, since it did work on someone's windows 7 laptop.

Is there a difference for html on mac vs windows?

For example, when implemented like this:

<block block>
/ trials = [1-5=learning]
</block>

<item learning>
/1= "https://www.youtube.com/embed/l0cY50AMoTw?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/2= "https://www.youtube.com/embed/oSFTuhIHd5g?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/3= "https://www.youtube.com/embed/xTQnyhwUiBI?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/4= "https://www.youtube.com/embed/jv234UEBDBg?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/5= "https://www.youtube.com/embed/t6kXeJYKLFY?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
</item>

<html learning>
/ items = learning
/ select = sequence
/ size = (50%,50%)
/ showborders = false
/ showscrollbars = false
</html>

<text fixation>
/ items = ("+")
/ color = (0,0,0)
/ txbgcolor = (175,175,175)
/ fontstyle = ("Arial", 15pt)
</text>

<trial learning>
/ stimulustimes = [1=fixation; 1000=learning]
/ validresponse = (anyresponse)
/ recorddata = true
</trial>

<expt>
/ blocks = [1=block]
</expt>


Yes, there are differences between OSX and Windows in how HTML is handled. Essentially, under Windows, Inquisit embeds Internet Explorer (because it is reliably available on all Windows systems) to render HTML. When run in embedded mode like this, however, Internet Explorer enforces various restrictions that may keep embedded / interactive content such as videos from working. The way a given system is set up and what security settings the user or organization applied to Internet Explorer installations also play a role under some circumstances, i.e. content may work on one system, but not on a different one with different settings / restrictions applied.

I'm afraid there isn't a really good or universal solution here. Ideally, you'd not embed Youtube videos, but instead you'd use standard <video> elements in Inquisit to play the videos. For online use, you can set the <video> elements' /stream attributes to true, that way the won't have to be downloaded in full before the experiment launches, they'll be streamed instead at runtime.

Thanks for the fast reply! I first used the video element, but since I have to use quite a lot of videos, it runs out of memory. Therefore I've switched to embedding them as youtube videos/html. Would you expect the memory issue to be less of a problem when I use the stream element you mention? Or will that still be the same as without /stream?

Things should work a little smoother memory-wise when using /stream = true, yes. If you run into problems with that, however, please let me know (and if you have the experiment online somewhere, feel free to share the link with me so I can take a direct look at the videos involved) and I'll see if I can come up with some other alternative.

Hello,
One more question regarding this. The experiment works fine now. However, for people that only see a black box rather than the YouTube video, it seems to consistently help to right click the black box and select western encoding. Is there a way to pre-set this for the whole experiment? (because now this often only works if the person selects western encoding for each video separately). Thanks for the help so far.


Dave
Dave
Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)Supreme Being (1M reputation)
Group: Administrators
Posts: 12K, Visits: 98K
scollin - Tuesday, July 17, 2018

Hello,
One more question regarding this. The experiment works fine now. However, for people that only see a black box rather than the YouTube video, it seems to consistently help to right click the black box and select western encoding. Is there a way to pre-set this for the whole experiment? (because now this often only works if the person selects western encoding for each video separately). Thanks for the help so far.


I'm not sure what exactly you changed and how you are presenting the videos now. If you're still doing something along the lines of

<item learning>
/1= "https://www.youtube.com/embed/l0cY50AMoTw?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/2= "https://www.youtube.com/embed/oSFTuhIHd5g?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/3= "https://www.youtube.com/embed/xTQnyhwUiBI?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/4= "https://www.youtube.com/embed/jv234UEBDBg?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
/5= "https://www.youtube.com/embed/t6kXeJYKLFY?rel=0&amp;controls=0&amp;showinfo=0&amp;autoplay=1"
</item>

then Inquisit does not control the encoding and has no way to do so. If you are doing something else, e.g. have the video embedded in a HTML files that Inquisit displays, then you can try specifying the encoding in the HTML: https://www.w3schools.com/html/html_charset.asp

GO

Merge Selected

Merge into selected topic...



Merge into merge target...



Merge into a specific topic ID...




Reading This Topic

Explore
Messages
Mentions
Search